body 
{font-family: calibri;
color: #000000;
font-size: 10px;}

b {color:#f877ff;}
i {color:#6d62af;}
u {color:#cf1aea;}

a:link, a:active, a:visited
{color: #49475f;
font-size: 10px;
text-decoration:none;}

a:hover
{color: #847bbd;}

h1
{font-family: calibri;
color: #eee;
font-size: 12px;
font-weight:normal;
text-align:center;
text-shadow: 1px 1px #6d62af;
line-height:16px;
letter-spacing: 1px;
background-color:#2c2c2c;
margin:0px;
margin-bottom: 0px;
padding:3px;
margin-bottom:2px;
border-radius: 4px;}

h2
{font-family: calibri;
color: #f3e8ee;
font-size: 10px;
font-weight: normal; 
text-align:center;
text-transform: uppercase; 
text-shadow: 1px 1px #6d62af;
background:#2c2c2c;
display:block;
border-bottom:2px solid #000000; 
margin: 0px; 
padding: 3px;
padding-left:2px;}

h3
{font-family: calibri;
color: #eee;
font-size: 12px;
font-weight:normal;
text-align:center;
letter-spacing: 1px;
text-shadow: 1px 1px #6d62af;
line-height:16px;
background-color:#2c2c2c;
margin:1px;
margin-bottom:2px;
padding:3px;}

h4
{font-family: calibri;
color: #eee;
font-size: 12px;
font-weight:normal;
text-align:center;
letter-spacing: 1px;
text-shadow: 1px 1px #6d62af;
line-height:16px;
background-color:#2c2c2c;
margin:1px;
margin-bottom:2px;
padding:3px;}

a.nav
{font-family:calibri;
color: #eee;  
font-size:10px;
text-align: left;
line-height:15px;
display: block;
background-color: #2c2c2c;
border-left:3px solid #6d62af;  
margin: 1px;    
padding: 2px;     
padding-left: 4px;    
-webkit-transition:all 0.2s ease-out;    
-moz-transition:all 0.2s ease-out;    
transition: all 0.2s ease-out;}
    
a.nav:hover 
{color: #eee;
display:block;
background-color: #6d62af;
border-left:8px solid #dc70f2;
-webkit-transition-duration: 0.3s;  
-moz-transition-duration: 0.3s;  
-o-transition-duration: 0.3s;    
transition-duration: 0.3s;}

a.nav2
{font-family:calibri;  
color: #eee;
font-size:10px;
text-align: center; 
 display: block;
line-height:15px;      
background-color: #6d62af;      
margin: 1px;      
padding: 2px;       
padding-left: 4px;   
transition: all 0.2s ease-out;   
-webkit-transition:all 0.2s ease-out;      
-moz-transition:all 0.2s ease-out;}      
    
a.nav2:hover
 {color: #eee;
 display:block;
background-color: #6d62af;
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;}
      
#updates
{font-family: "calibri";
font-size: 10px;
font-weight:normal;
font-style:none;
display:block;
background-color:#2c2c2c;
border:1px solid #6d62af; 
margin: 1px;
padding:2px;
width:120px; 
height: 208px;
overflow:auto;}
      
#updates b
{color: #eee;
font-weight:normal !important;  
text-align: center;
display: block;
background:#6d62af;      
margin:2px 0px;      
padding:2px 0px;      
radius: 2px;}
      
#updates a 
 {font-family:calibri;
 color: #eee; 
font-size:10px;
text-align: left;
line-height:15px;
display: block;
background-color: #2c2c2c;  
border-left:3px solid #6d62af;        
margin: 1px;        
padding: 2px;        
padding-left: 4px;        
-webkit-transition: all 0.5s ease-out;        
-moz-transition: all 0.5s ease-out;        
-o-transition-transition: all 0.5s ease-out;}

#updates a:hover 
{color: #eee;  
letter-spacing:1px;  
display:block;
background-color: #6d62af;
border-left:8px solid #dc70f2;}


/**********************************************SCROLLBAR****************************************/
/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
    display: none;
  }
  /* Hide scrollbar for IE, Edge and Firefox */
  html {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }