body{
 background-color:#64407A;
 font-family:"Trebuchet MS", sans-serif;
 
}


#nav-box{
 width:101%;
 height: 50px;
 background-color:#282147;
 margin-top:-70px;
 margin-left:-20px;
 padding:0;
 position:fixed;
 font-size:20px;
}
 
 #nav-box li{
   margin-top:-15px;
   }

#main-zone{
 width:70%;
 background-color:#D6BEE8;
 margin: auto;
 margin-top:70px;
}

#films{
  margin-left:30px;
  }

#films img{
  width:300px;
  margin:5px;
  }

img{
  max-width:500px;}

#grid{
  display:grid;
  grid-template-columns:40% 40%;
  grid-gap:8px;
  margin-left:30px;
  margin-bottom:30px;
  }


 ul{
list-style-type:none;
color:#fbfcde;
}

li{
  float: right;
  padding:16px; 
  }
  
#current{
  color:#DC9CFF;
  }
  
 a{
  color:#fbfcde;
  text-decoration:none;
  }
 a:visited{
  color:#fbfcde;
  text-decoration:none;
  }
 a:hover{
  color:#DC9CFF;
}

 #reel{
  padding:16px;
  margin:auto;
}

#trogg-link{
  float:left;
  }

.vid-link-img{
  border:3px solid #fbfcde;
}

.vid-link-img:hover{
  border:#DC9CFF;
}

.gifs{
  max-width:500px;
  }

.stimgs{
  max-width:800px;
  margin:auto;
  }