body {
/*background*/
    background-color:#000000;
    background-image: 
      url("resources/images/sidebar/msbt.png"), 
      url("resources/images/sidebar/msbb.png"),
      url("resources/images/sidebar/msb.png");
    background-position-y: 
      top, 
      bottom, 
      center;
    background-repeat: 
      no-repeat, 
      no-repeat, 
      repeat-y;
    background-size: 100%;
    overflow-x: clip;
  
/*text settings*/
    font-family:'Main Sidebar Font';
    font-size: 8.75vw;
    color:#dbdbdb;
    text-align: center;
    text-shadow: 
      0px 1px 4px rgba(0,0,0,0.5), 
      0px 1px 4px rgba(0,0,0,0.5), 
      0px 1px 4px rgba(0,0,0,0.5), 
      0px 1px 4px rgba(0,0,0,0.5), 
      0px 1px 4px rgba(0,0,0,0.5);
    /*text-transform: uppercase;*/
  }

    @font-face {
      font-family:'Main Sidebar Font';
      src: url('/resources/fonts/Frutiger 55 Roman.otf?#iefix') format('opentype')
      /*This is literally the ONLY way it will work on chrome. bruuuh.*/
  }
  
/*links*/
    a:link {color: #dbdbdb;}
    a:visited {color: #dbdbdb;}
    a:link {text-decoration: none;}
    a:visited {text-decoration: none;}
    a:hover {color:#f8ff33;}
    a:active {text-decoration: underline overline;}

    .button{
      background-image: url("resources/images/buttons/msbbutton.png");
      background-position-x: center;
      background-position-y: center;
      background-repeat: no-repeat;
      background-size: 98%;
      overflow: hidden;
      margin-bottom: 0.5vw;
  }

/*formatting*/
    html {
      scrollbar-width: thin;
      min-height: 100vh;
    }
    
    body {
      margin-right: 2vh;
      margin-left: 1vh;
      /*border-style: ridge;*/
      
    }