.copy  {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    background-color: #f3f3f3;
}

.copy li {
    float: left;
}

.copy li a {
    display: block;
    color: #666;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.copy li a:hover:not(.active) {
    background-color: #ddd;
}

.copy li a.active {
    color: white;
    background-color: #4CAF50;
}







#vasse
{
color:rgb(90,90,90);
}
#blank62
{
background-color:rgb(90,90,90);
color:white;

}
#search
{
background-color:rgb(90,90,255);
color:white;
}




.dropbtn {
    background-color:#3e8e41;
    color: white;
    padding: 5px 30px;
    font-size: 16px;
    border: none;
    cursor: point;
    position: center;
box-shadow:3px 2px 2px 2px rgb(200,200,200);
 transition: 2s;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: absolute;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 transition: 2s;
overflow: hidden;
}
#kr  {
    padding:0 5px;
 color:red;
text-align:center;
}



/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
overflow: hidden;
}


/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color:blue;
color:white;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}










#foot6 
a:hover
{
padding:5px:
text-align:left;
font-size:15px;
color:white;
background-color:silver;
}






#foot6 
a
{
padding:5px:
text-align:left;
font-size:15px;
color:white;
}

#foot6
{

width:100%;
background-color:gray;
color:black;
font-size:15px;

}

#col2
{
font-size:20px;
}

#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;
}
#kh1
{

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:50%;

display:inline;
align:center;
}

#foot1 a
{
display:inline;
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;


}

#col2
{
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;
}
#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
{
background-color:rgb(200,200,200);
color:red;


height:100%;
top:0;
width:0;
left:0;
   position:fixed;
    overflow-x: hidden;
    transition: 0.5s;
margin:auto;
font-size:25px;
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);
overflow-x: hidden;
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;
}