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=122px;
  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;
}

button{
  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;
  }
  
  button:hover{
    background-color: rgb(255,140,0,0.6);
    color: black;
    }
    
    b2{  text-decoration-color: orange;
}