html, body {
  margin: 0;
  padding: 0;
  background-color: rgba(0,0,0,1);
  width:auto;
 background-repeat: no-repeat;
 background-attachment:top;
 background-size: 100px 1150px;
}
canvas {
  display: block;
}

/* Dropdown Button */
#dropbtn {
  background-color: rgba(0,0,0,1);
  color: white;
    width: 300px;
  padding: 1px;
  font-size: 70px;
  border-width: 5px;
  border-style: solid;
  border-radius: 15px;
  border-color: white;
  font-family: 'Kelly Slab', cursive;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  display: block;
  margin:auto;
position:relative;
  right:35px;
  top: 100px;
  width: 220px;

}

#myVideo {
  position: fixed;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 50%);
  min-width: 100%;
  min-height: 100%;}

.center{
  text-align: center;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  font-size: 70px;
  display: none;
  background-color: rgba(255,0,0,0);
  border-width: 5px;
  border-style: solid;
  border-radius: 15px;
  border-color: rgba(255,0,0,0);
  width: 270px;
  z-index: 30;
}

.dropdown-content button {
  background-color: rgba(255,0,0,0);
  border-width: 5px;
  border-style: solid;
  border-radius: 15px;
  border-color: rgba(255,0,0,0);
  color: rgba(255,255,255,0.7);
  text-decoration: none;
  display: block;
  text-align: center;
    font-size: 70px;
  width: 300px;
  height: 100px;
    font-family: 'Kelly Slab', cursive;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: rgba(255,255,255,0.7);
  text-decoration: none;
  display: block;
  text-align: center;
    font-family: 'Kelly Slab', cursive;
}

.fade-in {
  animation: fadeIn ease 0.3s;
}

#myDIV {
  width: 100vw;
  height: 100vh;
  background-repeat: no-repeat;
  background-attachment:top;
  background-position: 50%;
  background-size: 1200px 1150px;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}



.dropdown-content a:hover {color: white;}
.dropdown-content button:hover {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: rgba(50,50,50,1);}