html{max-width: 1400;
        min-width: 1000;
        background-color: rgb(110, 110, 10);
        overflow-y:scroll;
        
        }
       
        body{
        
        margin-left:9%;
        margin-right:9%;
        background-color: white;
        border:1px solid rgb(200,100,0);
        margin-top:auto;
        margin-bottom:auto;}
        header
        {
        
        
        border-top: 3px solid rgb(200,100,0);
        border-left: 2px solid rgb(200,100,0);
        border-right: 2px solid rgb(200,100,0);
        padding-bottom: 10px;
        background-color: rgb(255,255,255);
        }
        .logo{display:block;
        
        float: right;
        margin-right: 1em;
        
        
        
        
        
        }#nav{display:flex;
        flex-flow:row;
        
        margin-bottom: 0%;
        padding-top: 10px;
        border-bottom:solid 3px rgb(200,100,0);
        border-left: solid 2px rgb(200,100,0);
        border-right: solid 2px rgb(200,100,0);
        background-color: rgb(255,255,255);
        padding-bottom: 0;
        max-height:25px;
        overflow:hidden;}
        nav{padding: 3px;
        padding-bottom:0;}
        
            
           
            
        #fb{float:right;
        }    
        
        
        .menu{display:none;
        list-style: none;
        position:absolute;
        
        border: 2px solid black;
        background-color:antiquewhite;
        text-decoration: none;
        text-align: center;
        margin-top:0%;
        padding-left: 0;
       
        max-width:100%;}
        .menu:scroll{border:3px; }
        .select:hover .menu{ display:block;}
	
	.list:hover{background-color:black;color: antiquewhite;}
        
        
        #main{display:grid;
        grid-template-columns: 20% 1fr;
        grid-auto-rows: auto;
        column-gap: 3px;
        min-height:1000px;
        }
        #side{grid-column-start: 1;
        grid-column-end:2;
        grid-row-start:1;
        grid-row-end:3;}
        #rite{grid-column-start:2;
        grid-column-end:4;
        grid-row-start:1;
        grid-row-end:5;
        max-height:1000px;
        overflow-y:scroll;
        overflow-x:hidden;
        scrollbar-color: black white;
        scrollbar-width:thin;
        }
       #side{padding-top:1em;}
	    #side < #arclt{ padding-top:1em; display:flex; flex-flow:column;
		}
	
        li{padding: 5px;
        }
        
        footer{border: 2px solid rgb(200,100,0);
        padding: 30px;
        top:100%;
        }
        #ft{
        display:inline-block;
        }
        .info{padding: 1px;
        
         margin: 2px;
         font: Arial 8;
         }
         footer #pp{display:block;
        float:right;
        }