p {
  width: 100%;
  text-align: center;
  font-size: 400%;
  font-weight: 900;
  margin-top: 0px;
  padding-top: 120px;
  color: #ffffff;
  background-image: url("countdown.png");
  height: 600px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.count{
  width: 100%;
  height: auto;
 
}

table {
 width:100%;
 margin-top: 0px;
}
table, th, td {
  border: none;
  border-collapse: collapse;
}
th, td {
  padding: 15px;
  text-align: center;
  font-weight: 800;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-style: italic;
}
#t01 tr:nth-child(even) {
  background-color: rgb(245, 191, 221);
}
#t01 tr:nth-child(odd) {
 background-color: rgb(179, 199, 243);
}
#t01 th {
  background-color: black;
  color: white;
}
.header1{
  height: 50px;
}
    
.header {
  background-color: #ab37e0;
  padding: 3px 0px;  
  position:fixed;
  font-family: sans-serif;
  font-weight: 1000;
  font-style: italic;
  top:0;
  width: 100%;
}
.dropbtn {
  background-color:#ab37e0;;
  color: rgb(255, 255, 255);
  padding: 16px;
  font-size: 16px;
  border: none;
  font-style: italic;
  font-weight: 800;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover{
  color: lavenderblush;
}
 .dropbtn:focus {
  background-color: #ab37e0;
}

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

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ab37e0;;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(148, 17, 224, 0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: rgb(255, 255, 255);
  padding: 12px 16px;
  text-decoration:none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: rgb(132, 79, 143);
color: #765483;
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

/* Style the header links */
.header a {
  font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

  color: rgb(255, 253, 253);
  padding-top: 30px;
  padding: 16px;
  text-decoration: rgb(250, 255, 255);
  font-size: 16px;
  line-height: 30px;
  border-radius: 4px;
}

/* Style the logo link (notice that we set the same value of line-height and font-size to prevent the header to increase when the font gets bigger */
.logo {
  float:left;
  margin-right: 25%;
  height: 60px;
  border-radius: 12px;
  
}
/* Change the background color on mouse-over */
.logo:hover {
  background-color: #ddd;
  color: rgba(4, 73, 44, 0.699)
}

/* Change the background color on mouse-over */
.header a:hover {
  background-color: rgb(204, 109, 248);
  color: rgba(95, 19, 19, 0.699)
}


/* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */
@media screen and (max-width: 500px) {
  .header a {

    display: block;
    text-align: left;
}
.fotter{
margin-top: -10px;
}