@import url('../fonts/css2.css');
body {
	margin: 0;
	padding: 0;
	font: bold 14px 'Cairo';
	line-height: 2em;
}
h1 {
	font: bold 20px 'Cairo';
}
.table2, .table3, .table4, .table5 {
	border-collapse: collapse;
	width: 100%;
}
.table2 td, .table2 th, .table3 td, .table3 th, .table4 td, .table4 th, .table5 td, .table5 th {
	border: 1px solid #AEB6BF;
	padding: 6px;
	text-align: center;
}
.table2 th.new, .table3 th.new, .table4 th.new, .table5 th.new {
	border: 1px solid #AEB6BF;
	padding: 6px;
	text-align: center;
	color: #F00;
}
.table2 tr:nth-child(even){background-color: #EAFAF1;}
.table3 tr:nth-child(even){background-color: #F4ECF7;}
.table4 tr:nth-child(even){background-color: #edd5df;}
.table5 tr:nth-child(even){background-color: #c7e3ea;}
.table2 th {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	background-color: #EAFAF1;
	color: #000;
}
.table3 th {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	background-color: #F4ECF7;
	color: #000;
}
.table4 th {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	background-color: #edd5df;
	color: #000;
}
.table5 th {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	background-color: #c7e3ea;
	color: #000;
}
.table2 span, .table3 span, .table4 span, .table5 span {
	display: block;
	font-size: 3.5rem;
}
.emoji {
	display: none;
	padding: 1rem;
	text-align: center;
}
.emoji span {
	font-size: 4rem;
	padding: 0 .5rem;
}
.table2 h1, .table3 h1, .table4 h1 {
	font-weight: normal;
	letter-spacing: .125rem;
	text-transform: uppercase;
}
/*drobdown list*/
.dropbtn {
	background-color: #bee5cf;
	color: white;
	border: none;
	cursor: pointer;
}
.dropdown {
	position: relative;
	display: inline-block;
}
.dropdown-content {
	display: none;
	position: fixed;
	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;
}
.world {
	float: left;
	left: 1px;
	margin: -14px 0px 0px 0px;
	color: #FFFFFF;
}
/* time */
.time {
    font-size: 16px;
	top: 20px;
	left: 0px;
	right: 0px;
}
.dropdowntime {
	position: relative;
	display: inline-block;
}
.timeleft {
	float: left;
}
#days, #days1, #days2, #days3, #days4 {
	color: #F00;
}
#hours, #hours1, #hours2, #hours3, #hours4 {
	color: #FFA500;
}
#minutes, #minutes1, #minutes2, #minutes3, #minutes4 {
	color: #008800;
}
#seconds, #seconds1, #seconds2, #seconds3, #seconds4 {
	color: #0000ff;
}