body {
    font-family: ms gothic;
    margin:0;
  }
  a {
    color: #b17000;
    font-weight: bold;
  }
  
  .inner {
    padding: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
  }
  .title-bar,
  .box-title-bar {
    background: #e4bf81;
    color: white;
    font-weight: bold;
    padding: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: left;
  }

  .box-title-bar {
    padding: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
  }

  .icon {
    border: #e4bf81 solid 2px;
    border-radius: 50%;
  }

  .box {
    background: #eadfca;
    border-radius: 2.5px;
    border: 1px solid #4a3d36;
    box-shadow: 2px 2px #3e332d;
  }

  /* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: 3px;
    scrollbar-color: #4a3d36 #4a3d36;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 3px;
  }

  *::-webkit-scrollbar-track {
    background: transparent;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #4a3d36;
    border-radius: 5px;
  }