.header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color:skyblue;
}

.header a {
  text-decoration: none;
  color:black;
  margin-right: 10px;
  padding: 7px;
}

.header a:hover{
  background-color:blue;
  color:aliceblue;
}
.container {
  display:flex;
  flex-direction: row; 
  flex-wrap: wrap;
  justify-content:space-around;
}

.videos {
  width:400px;
  height: 225px;
  position:relative;
  /* margin-right: 10px; */
  /* padding-bottom: 56.25%; */
  margin-bottom:15px;
  margin-top: 15px;
}

.videos iframe {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%
}

.testiframediv{
  width: 100%;   
  height:100vh; 
}

.testiframediv iframe {
  margin-top:15px;
  display: block;
  width:100%; 
  height:100%;
  border:solid 1px blue;
}

.dropdown {
  position: relative;
  display:block;
  /* margin-right: 20px; */
}

.dropdown-content {
  display: block;
  position: absolute;
  background-color: #f9f9f9;
  width:max-content;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  /* padding: 12px 16px; */
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}