#bannerimage {
    width: 100%;
    background-image: url('../images/channel-banner.jpg');
    height: 283px;
    background-color: white;
    background-position: center;

  }
body {
    margin: 0;
    font-family: Arial;
    background-color: rgb(35, 30, 32);
}

a {
    padding: 14px 25px;
    margin: 20px;
    padding: 10px;
    text-decoration: none;
    font: 1.2em sans-serif;
    font-size: 20px;
    color: rgb(255, 180, 180);
    background-color: rgb(21, 17, 17);
}

#nav {
    color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0);
}

#nav-bar {
    text-align: left;
    margin: 10px;
}
#nav-btn {
    font-size: 20px;
}

    a:hover {
        color: rgb(246, 165, 214);
        
    }
body{
  background-color: rgb(255, 255, 255);

}
ul {
    list-style-type: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
    font: 1.2em sans-serif;
    padding: 10px;

}
  
  li {
    font-size: 50px;
    display: inline;
    float: left;
    margin: 10px;
   


  }

  #box {
    width:630px;
    height: 945px;
    margin: 10px;
    background-image: url('../images/VirtuallyThere/vt_cover_new.png');
    background-size: contain;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#box-animatic {
    width: 630px;
    height: 945px;
    margin: 10px;
    background-image: url('../images/VirtuallyThere/vt_cover_new.png');
    background-size: contain;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}