ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
border-radius: 25px
}
li {
float: left;
}
li a, .dropbtn {
display: inline-block;
color: white;
text-align: center;
padding: 14px 80px;
text-decoration: none;
border-radius: 25px
}
li a:hover, .dropdown:hover .dropbtn {
background-color: dodgerblue;
}
li.dropdown {
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
display: block;
border-radius: 15px 15px;
}
table.tab1 {
border: 2px solid #a1a1a1;
padding: 10px 40px;
background: #dddddd;
width: 400px;
border-radius: 15px 15px;
background-image:linear-gradient(Azure, white);
}
table.tab2 {
position: fixed
border: 0px;
padding: 10px 40px;
background: white;
height: 50%;
width: 100%;
border-radius: 50px 50px;
}
table.tab3 {
border: 2px solid #a1a1a1;
padding: 10px 40px;
background: white;
height: 50%;
width: 100%;
border-radius: 50px 50px;
}
body {
background-image: url("");
background-size: 15%;
background-repeat: no-repeat;
background-position:center center;
}
#logo {
   height: 40%;
   width: 100%;
   background-image: url("../../img/logo/logo01.jpg");
   background-size: 300px 219px;
   background-position:center center;
   background-repeat: no-repeat;
}