html, body{
  margin: 0;
  height: 100%;
  background-color: #65567C;
  color: #FFFDD0;
  font-family: 'Threadssix-Regular';
  font-weight: 200;
  font-size: 1.2em;
}







:root {
                --header-image: url('/cg_space.png');    }



  #wrapper{
        margin: 2% auto;
        width:40%;
        min-width:400px;
        max-width:1200px;
        min-height:  500px; ;
        padding:5%;
        border:1px solid #ddddcc;}
        

#foot{  width:100%;
    height:10%;
    background-color:#111111;
    border:#d7dde0 1px dotted;
    border-radius:6px;
    padding:1% 4% 0 4%;}


#header{
 width: 100%;
                Background-color: transparent;
                height: 250px;
                background-image: url('/cghelix.png');
                background-size: 100%;}




button{background-color: #111111;
color: #d0cedd;}


#nav{background-color: transparent;
    width:75% ;
    height: 15%; }
   
    #nav a{margin:0 ;
    font-size: .85em;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    background-color:transparent;
    color:#d0cedd ;
    width: 100%;
    height: 50%;
    padding-top:3%;
    padding-left: 55%;
    flex: 1;
    }
   
    #nav a:link, #nav a:visited{color: #d0cedd;
    text-decoration: none;
    background-color:transparent;}


   
    #nav a:active, #nav a:hover{
    background-color: transparent;
    color: #FFEE8C;
    text-decoration: none;




    }
    

#navbar {
                padding-top: 30px;
                height: 250px;
                background-color: transparent;
                /* navbar color */
                width: 100%;
            }

            #navbar ul {
                font-size: 3em;
                display: flex;
                padding: 3;
                margin: 2;
                list-style-type: none ;
                font-family: 'Threadssix-Regular';
                justify-content: center;
                 
            }

            #navbar li {
                padding-top: 10px;}


   
#sideleft{
  font-size: .85em;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    margin-left: auto;
    background-color:transparent;
    color:#d0cedd ;
    width: 19%;
    border:1px solid #ddddcc;
  
  
  
  
  
  
  
  
}


ul {
  list-style: disc;
  padding-left: 20px;
}