body{
	margin:0px;
    background-image: linear-gradient(to right, #030bfc , #03fce3);
}
ul.topnav{
	list-style-type:none;
	margin:0;padding:0;
	overflow:hidden;
	background-color:#f2f2f2;
	border:1px solid #c2c1c1;
}
li.l01{float:left;border-right:1px solid #d9d9d9;}ul.topnav li.l02{float:right;}
li.l01 a,.dropbtn{display:block;color:#000000;text-align:center;padding:5px 16px;text-decoration:none;}
li.l01 a:hover:not(.active),.l02:hover:not(.active){background-color:#d9d9d9;}.active{background-color:#e6e6e6;}
li.l01,li.l02{display:inline-block;}
.dropdown-content{right:0;display:none;position:absolute;background-color:#f2f2f2;min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);opacity:1;z-index:1;}
.dropdown-content a{color:black;padding:5px 16px;text-decoration:none;display:block;text-align:left;}
.dropdown-content a:hover{background-color:#e6e6e6}
.l02:hover .dropdown-content{display:block;}
@media screen and (max-width:350px){ul.topnav li.l02,ul.topnav li.l01{float:none;text-align:center;display:block;}}


table, th, td {
	border: 1px solid black;
	border-collapse: collapse;
    background-image: linear-gradient(to right, #12c4dc , #11aabe);
}
th, td {
	padding: 5px;
	text-align: left;
}