#menu1
{
color:red;
width:0;
height:50%;
   position:relative;
    overflow-x:hidden;
    transition: 0.5s;

}
 







#sugg
{
width:140px;
height:30px;
text-align:center;
background-color:blue;
color:white;
}
#fone 
{
background-color:rgb(205,205,205);
color:white;
}
#Menu1
{
width:100px;
height:45px;
}
#kh
{

box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5), 0 6px 20px 0 rgba(0,0,0,0.50);


}

#kh2
{
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5), 0 6px 20px 0 rgba(0,0,0,0.50);

}
 

#online
{
transition:2s;
background-color:rgb(90,90,255);

width:150px;
height:30px;
margin:center;

color:red;

box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.20);
}


#online a
{
transition:2s;
text-decoration:none;
color:white;
text-shadow:2px 2px gray;
font-size:15px;
padding:1px;
text-align:center;
height:50px;
}

#size
{
font-size:12px;
}


#tab1
{
background-color:rgb(200,200,200);
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.10), 0 6px 20px 0 rgba(0,0,0,0.50);
}



#foot1
{
background-color:blue;
width:100%;

}

#foot1 a
{
color:white;
text-decoration:none;
padding:4px;
font-size:15px;
}

#foot1 a:hover
{
color:white;
background-color:rgb(0,0,0);
text-decoration:none;
font-size:15px;
padding:4px;
}



#last a
{
color:gray;
text-decoration:none;

}

#last a:hover
{
background-color:brown;
color:white;
}

#bth
a
{
color:black;
text-decoration:none;
}
#bth a:hover
{
background-color:black;
color:white;
}
#div
{
color:black;
background-color:black;
margin:10px 0;


}

#c
{
text-align:center;
background-color:(255,255,255);
color:black;
padding:5px;
}




#col1
{
text-align:center;
font-size:25px;
width:100%;
margin:auto;
background-color:blue;
color:white;
top:0;
}


#col2
{
text-align:center;
font-size:25px;
width:100%;
margin:auto;
color:brown;
top:0;
}




#num
{
width:auto;
}
#cha
{
top:0;
background-color:rgb(200,200,200);
height:60px;
width:100%;
}

#b1, #b2, #b3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}

#change #b1 {
    width: 65px;
    height:10px;
    background-color: black;
    float:right;
transform: rotate(-45deg) translate(-9px, 6px) ;
}

#b2 {
    width: 65px;
    height:10px;
    background-color:red;
    float:right;
}
#change #b3 {
    width: 65px;
    height:10px;
    background-color: black;
    float:right;
float:right;
transform: rotate(45deg) translate(9px, 12px) ;
}
#sett
{
height:100%;
}
#ab1
{
font-size:30px;
color:white;
}
#table1
{
color:black;
}
#grc2
{
width:100%;
height:40%;
}
#foot a:hover
{
color:white;
background-color:blue;
}
#foot a
{
font-size:10px;
color:brown;
text-decoration:none;
margin:auto;

}
#foot ul li 
{
display:inline;
margin:auto;

}


#foot
{

box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

#allbody
{
background-color:rgb(255,255,255);
}
#demo
{
background-color:brown;
font-size:18px;
color:white;
margin:auto;
}

#ltwo
{
color:brown;
float:left;
font-size:60px;
margin:auto;
padding:30px;
cellspacing:20px;
}

#rtwo
{
color:brown;
float:right;
font-size:45px;
left: 20%;
display:block;
}

#hello
{

color:brown;
font-size:45px;
margin:center;
text-align:center;
}


#welcome2
{
color:rgb(192,192,200);
font-size:10px;

}
#welcome
{

color:white;
font-size:35px;
width:30%;
height:30%;
float: right;
margin:auto;
}


#menu
{

height:0;
top:0;
width:100%;
left:0;
font-size:15px;
   position:relative;
    overflow-x:hidden;
    transition: 0.5s;
margin:auto;
text-align:center;
font-family: "Lato", sans-serif;

}
#menu a 
{
    font-family: "Monospace";
text-decoration: none;
color:rgb(0,0,0);
padding:12px;
text-align:center;
top:10;
font-size:20px;
display:block;

font-family: Lato, sans-serif;


}

#menu a:hover
{
color:white;
background-color:blue;
}
#knowmore:hover
{
color:black;
background-color:gray;
padding:5px;
}

 #knowmore
{
border-radius: 2px;
 background-color:#990033;
top:4;
border:1;
    color: white;
    padding:5px;
    text-align: center;
    display: inline-block;
    font-size:15px;

}

 #blank
{

 background-color:brown;
    color: white;
    padding:5px;
    text-align: center;
    display: inline-block;
    font-size:15px;
}

#move
{
font-size:15px;
color:rgb(110,110,255);


transition:3s;
}
 #course
{
color:brown;
text-align:center;
font-size:25px;
margin:right;
generic-font:fantasy;

}


#table
{
color:black;
font-size:25px;
}

#web
{
color:brown;
font-size:15px;
background-color:skyblue;
border:solid;
margin:auto;
width:120px;
height:35px;
text-align:center;

}


#res a
{
font-size:20px;
padding:5px;
text-align:center;
color:white;
background-color:green;
text-decoration:none;
}

#res a:hover
{
font-size:20px;
padding:5px;
background-color:skyblue;
text-align:center;
color:white;
text-decoration:none;
}







#res
{
font-size:20px;
padding:5px;
text-align:center;
color:black;
}

#result
{
font-size:13px;
padding:5px;
background-color:brown;
margin:center;
color:white;
width:100%
}

#main {
    transition: margin-left .5s;
    padding: 16px;



}
#res1 a
{
font-size:20px;
padding:5px;
text-align:center;
color:white;
background-color:red;
text-decoration:none;
margin:auto;

}

#res1 a:hover
{
font-size:20px;
padding:5px;
background-color:skyblue;
text-align:center;
color:white;
text-decoration:none;
}


#res2
{
font-size:20px;
padding:5px;
text-align:center;
color:black;
text-decoration:none;
margin:auto;

}

#syl
{
color:white;
background-color:brown;
font-size:12px;
width:50%;
padding:3px;
margin:auto;
text-align:center;
}