/****** scrollbar ******/
      ::-webkit-scrollbar{
          width: 10px;
          height: 10px;
          display: none;
      }
      
      ::-webkit-scrollbar-thumb{
          background: #fff;
          border-radius: 0px;
      }
      
      ::-webkit-scrollbar-track{
          background: inherit;
          border-radius: 0px;
      }
      
      /****** select hightlight ******/
      ::selection {
          background: blue;
          color:white;
      }
      
      ::-moz-selection {
          background: blue;
          color:white;
      }
      
      /****** select hightlight ******/
      ::selection {
          background: blue;
          color:white;
      }
      
      ::-moz-selection {
          background: blue;
          color:white;
      }
      
      /****** font ******/
      @font-face {
        font-family: 'Nintendo-DS-BIOS';
        src: url('https://dl.dropbox.com/s/vlxjtnvrl9s0snp/Nintendo-DS-BIOS.ttf');
      }
      
      /****** body ******/
      body, *, a, a:hover { cursor:url(ultra1.png), auto; }
      
      body {
          background-color:#7FAD71;
          background-image:url("https://ed1c24.neocities.org/misc/shrines/pokemon/emerald.png");
          background-position: 0px -200px;
          background-repeat: repeat-x;
          color:#000000; /* default font color */
          font-family: 'Nintendo-DS-BIOS', sans-serif;
          font-size:18px; /* default font size */
          padding:10px;
      }
      
      /****** links ******/
      a{
          text-decoration: underline;
          color:#2f4df5;
          transition:0.3s;
      }
      
      a:hover{
          cursor:help;
          transition:0.3s;
          color:#ed1c24;
      }
      
      /****** wrappers ******/
      #wrapper{
          max-width:900px;
          max-height:100%;
          width:fit-content;
          height:fit-content;
          width: -moz-fit-content;
          height: -moz-fit-content;
          animation: fadeEffect 1s;
          margin: auto;
      }
      
      @keyframes fadeEffect {
          from {opacity: 0;}
          to {opacity: 1;}
      }
      
      #mainwrapper{
          display:flex;
          gap:10px;
          padding-top: 10px;
          padding-bottom: 10px;
          justify-content:space-between;
      }
      
      #header{
          max-width:100%;
          height:50px;
          padding:10px;
          background-color: #2f4df5;
          color: white;
          border: 1px #122385;
          border-style: solid; 
          text-align: center;
      }
      
      #footer{
          max-width:100%;
          max-height:100%;
          padding:10px;
          background-color: #2f4df5;
          color: white;
          border: 1px #122385;
          border-style: solid; 
      }
      
      #main{
          width:600px;
          float:left;
      }
      
      #sidebar{
          width:200px;
          float:left;
          display:flex;
          flex-direction:column;
      }
      
      .label{
          border: 1px #122385;
          border-style: solid solid none solid; 
          padding:10px;
          text-align: center;
          background-color: #2f4df5;
          color: white;
      }
      
      .section{
          border:1px solid #000000;
          padding:10px;
          background-color:#D4D0C8;
          overflow:auto;
      }
      
      .box{
          border:1px solid #000000;
          padding:10px;
          height:150px;
          overflow:auto;
          background-color:#D4D0C8;
      }
      
      /****** mobile settings ******/
      @media only screen and (max-width: 600px) {
          #sidebar, #main{
              width:100%; /* makes all container 100% to fit screen */
          }
          
          #mainwrapper{
              flex-wrap:wrap;
          }
          
      }

    /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  
      .ex2 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: auto;
        background: white;
        margin: auto;
        border: 3px double #000;
        padding: 6px 12px;
        gap: 8px;
      }
  
      .music-controls {
        width: 20px;
        height: 20px;
        font-size: 18px;
        cursor: pointer;
        text-align: center;
        user-select: none;
      }
  
      .playy, .pausee {
        font-family: 'Courier New', monospace;
        width: 100%;
        display: block;
        color: #000; /* color of play & pause buttons */
      }
  
      .pausee {
        display: none;
      }
  
      .sonata {
        color: #000; /* color of music note symbol */
        margin-left:2px; 
      }
  
      .labeltext {
        font-size: 15px;
        color: #222; /* color of song title */
      }