body {
background-image: url("head1.gif");
  color: white;
  font-family:"Courier";
  overflow: auto;
  }
  
.box {
  background-color: rgb(0, 0, 0, 0.6);
  border-style: solid;
  border-color: black;
  margin:auto;
  max-width:1220px;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 250px minmax(0, 1fr);
   }

header, main, nav, footer{
  border: 20px;}
  
   header{
    background-image:url("stars2.gif");
    grid-row 1 / 2;
    grid-column: 1 / 3;
    text-align: center;
  color: orange; 
  font-family: 'Times New Roman';
  width:1220px;
  height:150px;
    }
    
    nav{
          background-color: rgb(0, 0, 0, 0.6);
     grid-row: 2 / 3;
    grid-column: 1 / 2;
    height: max-content;
    }
    
    main{    
      background-color: rgb(0, 0, 0, 0.6);
      grid-row: 2 / 3;
      grid-column: 2 / 3;
     height: max-content;
     overflow: auto;}

    footer{
      background-color: rgb(0, 0, 0, 0.6);
      grid-row: 3 / 4;
      grid-column: 1 / 3;
      text-align: center;
      color: white;}
  
  .c {text-align: center;}
  
  .l{object-fit:fill;
  background-repeat: repeat-y;}
  
  img{margin: auto;
  display: block;
}
iframe{margin: auto; display: block;}
.movie{
  object-fit: fill;
}

.b1{
  background-color: rgb(0, 0, 0, 0.6);
  border-style: inset;
  border-width: medium;
  text-decoration-style: double;
  text-decoration-line: underline;
  padding: 15px 15px;
  cursor: pointer;
  display: block;
  margin: 4px 2px;
  text-align: center;
  color:orange;
  font-family: courier;
  position: relative;
  }
  
  .b2{
  background-color: rgb(0, 0, 0, 0.6);
  border-style: inset;
  border-width: medium;
  text-decoration-style: double;
  text-decoration-line: underline;
  padding: 15px 15px;
  cursor: pointer;
  display: block;
  margin: 4px 2px;
  text-align: center;
  color:orange;
  font-family: courier;
  margin: auto;
  }
  
    .b1:hover{
      box-shadow:0 8px 16px 0 rgba(255,255,255,0.6)}
      
      .b2:hover{
      box-shadow:0 8px 16px 0 rgba(255,255,255,0.6)}
    
    b2{margin: auto;
}

.dropdown {
  position: relative;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 130px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
}

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