* {
        box-sizing: border-box;
      }
      
      body {
        background-color: #292524;
        display: flex;
        justify-content: center;
      }
      
      .flex {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 12px;
      }
        
        #side {
          width: 200px;
		  	  overflow: hidden;
        }
      
        #side__content {
          width: 100%;
        }
      
        #nav {
          width: 100%;
        }
        
        .nav__header {
		  	width: 100%;
		  	height: 32px;
		   	padding: 5px 0px 5px 7px;
		  	border-bottom: 2px solid #FFFFFF;
		  	font-size: 18px;
		  	font-family: pixoperatorbold;
		  	color: #FFFFFF;	
		  	background-color: #000082;
			}

			.nav__button {
		  	display: block;
			  text-decoration: none;
		  	color: #515657;
		  	text-shadow: 1px 1px #B5BABD;
		  	font-family: pixoperatorscbold;
		  	height: 32px;
		  	padding: 7px 0px 7px 7px;
		  	border-bottom: 2px solid #888D8F;
		  	background-image: linear-gradient(to bottom, #EBEBEB,#C1C6C9);
			}
			
			.nav__button:hover {
			  background-image: linear-gradient(to bottom, #C1C7C9,#A4A8AB);
			  color: #000000
			}
      
      .main__header--marquee {
        width: 100%;
        height: 60px;
		  	overflow: hidden;
		  	white-space: nowrap;
		  	position: relative;
		  	align-items: center;
      }
      
      .header__tab {
        width: 100%;
        height: 30px;
        padding: 5px;
        font-size: 20px;
		  	font-family: pixoperatorbold;
		  	color: #FFFFFF;
		  	background-color: #000082;
      }
      
      .header__tab img {
        height: 20px;
		  	width: auto;
		  	display: inline-block;
		  	float: right;
      }
      
      .header__blue {
        width: 100%;
        height: 25px;
        padding: 4px;
        color: #C9F4FB;
		  	background-color: #0092C7;
        font-family: pixoperatorbold;
        font-size: 18px;
      }
      
      .header__lightblue {
        width: 100%;
        height: 25px;
        padding: 4px;
        border-bottom: 2px solid #0092C7;
        color: #0092C7;
		  	background-color: #C9F4FB;
        font-family: pixoperatorbold;
        font-size: 18px;
      }
      
      .header__yellow {
        width: 100%;
        height: 25px;
        padding: 4px;
        color: #9C3402;
        border-bottom: 2px dotted #9C3402;
        font-family: pixoperatorbold;
        font-size: 18px;
      }
      
      .header__red {
        width: 100%;
        height: 25px;
        padding: 4px; 
        color: #FFFFFF;
		  	background-image: linear-gradient(to right, #E23603, #FFFFFF); 
        font-family: pixoperatorbold;
        font-size: 18px;
      }
      
      .header__white {
        width: 100%;
        height: 25px;
        padding: 4px; 
        color: #FFFFFF;
		  	background-color: #FFFFFF;
		  	border-bottom: 1px inset gray;
        font-family: pixoperatorbold;
        font-size: 18px;
      }
      
      .large__gray {
        background-color: #B8BCBF;
		  	border: 5px ridge #DAE1E3;
      }
      
      .large__white {
        background-color: #FFFFFF;
		  	border: 5px ridge #DAE1E3;
      }
      
      .large__white h1 {
        color: #262626;
        font-family: pixoperatorscbold;
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 10px;
      }
      
      .large__white p {
        color: #3B3B3B;
        font-family: pixoperator;
      }
      
      .large__white i {
        color: #545454;
      }
      
      .small__blue {
        background-color: #C9F4FB;
        border-right: 2px solid #0092C7;
        border-bottom: 2px solid #0092C7;
        border-left: 2px solid #0092C7;
        font-family: pixoperator;
        color: #0092C7;
        scrollbar-color: #C9F4FB;
      }
      
      .small__blue hr {
        border: 1px solid #0092C7;
      }
      
      .small__yellow {
        background-color: #FEFFB3;
			  border: 2px dotted #9C3402;
			  color: #9C3402;
			  font-family: pixoperator;
      }
      
      .small__white {
        background-color: #FFFFFF;
        border-right: 2px solid #0092C7;
        border-bottom: 2px solid #0092C7;
        border-left: 2px solid #0092C7;
        font-family: pixoperator;
        color: #0092C7;
      }
      
      .small__white hr {
        border: 1px solid #0092C7;
      }
      
      .small__whitetwo {
        background-color: #FFFFFF;
        border-right: 2px solid #ADADAD;
        border-bottom: 2px solid #ADADAD;
        border-left: 2px solid #ADADAD;
        font-family: pixoperator;
        color: #3B3B3B;
      }
      
      .small__whitethree {
        background-color: #FFFFFF;
        border-right: 2px solid #FFFFFF;
        border-bottom: 2px solid #FFFFFF;
        border-left: 2px solid #FFFFFF;
        font-family: pixoperator;
        color: #3B3B3B;
      }
      
      .rainbowtxt {
        font-weight: bold;
        background: linear-gradient(to right, #F23B1B, #F2951B, #F2E71B, #1BF234, #1B29F2, #C31BF2);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }