.parallax, .parallax2, .parallax3, .parallax4, .parallax5, .parallax6, .parallax7{
    height: 900px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    text-align: center;
}

.parallax{
    background-image: url("https://codehs.com/uploads/f5d3bb433c4595c5c92a8c35c3d09a76");
}
.parallax2{
    background-image: url("https://codehs.com/uploads/27db4136cceeef766851cb8061d01edb");
}
.parallax3{
     background-image: url("https://codehs.com/uploads/f5d3bb433c4595c5c92a8c35c3d09a76");
}
.parallax4{
     background-image: url("https://codehs.com/uploads/c2d347e24f3405983bc0532df608fe95");
}
.parallax5{
     background-image: url("https://codehs.com/uploads/09bf4ea2a060e16ba7a3a0cb4dd8687a");
}
.parallax6{
     background-image: url("https://codehs.com/uploads/e663d0071697b4a40c64b5f6090b2b76");
}
.parallax7{
     background-image: url("https://codehs.com/uploads/828a89fd19bc809666fc351d023ceee3");
}
.parallax8{
     background-image: url("https://codehs.com/uploads/828a89fd19bc809666fc351d023ceee3");
    height: 5000px;
    width:2000px;
    background-position: center;
    text-align: center;
}
.parallax h1{ 
    color: white;
    text-align:center;
    padding-top: 300px;
}
.parallax2 h2{ 
    color: black;
    text-align:center;
    padding-top: 400px;
}
.parallax3 h3{ 
    color: #FF7126;
    text-align:center;
    padding-top: 400px;
    font-size: 30px;
    
}
.parallax4 h4{ 
    color: white;
    text-align:center;
    padding-top: 400px;
    font-size: 30px;
}.parallax5 h5{ 
    color: white;
    text-align:center;
    padding-top: 400px;
    font-size:30px;
}


header h4{
    text-align: center;
}

header nav{
    margin-top:100px;
    float:right;
    margin-right: 20px;
    
}

header ul li{
    display:inline;
    margin-left: 10px;
}


header a{
    text-decoration: overline red;
    color: white;
    transition:color 0.8s;
    transition: background-color 1s;
}

header a:hover{
    color: black;
    background-color: red;
    font-size:20px;
    transition: font-size 1s;
}

header h1{
    float:left;
    color:white;
    padding-top:35px;
}

header{
    background-color: #088F8F;
    min-height: 150px;
    color: red;
    /*padding-left: 50 px;*/
}

header img{
    width: 12.5%;
    float:left;
    padding-top:1%;
    padding-left: 30px;
}
/*this section is for sections 1 and 2*/
.section1{
    width:30%;
    float: left;
    background-color: lightgray;
    height: 200px;
    
}

.section2{
    width: 70%;
    float: left;
    background-color: darkgray;
    height: 200px;
}
.section3{
    background-color:#003E78;
    height: 70px;
    float: left;
    width: 100%;
    text-align:center;
    color: white;
}
.section4{
    background-color:#B026FF;
    height: 40px;
    float: left;
    width: 100%;
    text-align:center;
    color: white;
}
.section5{
    background-color:black;
    height: 70px;
    float: left;
    width: 100%;
    text-align:center;
    color: white;
}


@media only screen and (max-width: 900px){
    
    body{
        background-color: red;
    }
}


.highlight{
    color: white;
}

@keyframes rollColor{
    from{
        background-color:black;
        margin-left: 0%;
    }
     to{   
         background-color:white;
         margin-left: 90%;
    }
}

table{
    border:3px solid maroon;
    margin-left: 80px;
    margin-top:80px;
    margin-bottom:80px;
    padding: 30px;
}
td,th{
    border-radius: 30px;
    
}
td{
    border: 3px solid green;
    border-radius: 10px;
    
}

th{
    border: 3px solid red;
}

iframe{
    width:30%;
}
table{/* This is for the table in the chatroom */
    border: 1px solid black;
    width:80%;
    margin:auto;

}

th:first-child {  /* This is for the first header in the table */
    width:10%;
    background-color: #eeeeee;

}
  
th:nth-child(2) { /* This is for the second header in the table */
    width:90%;
    text-align: left;
    padding-left: 3%;
    color:white;
}

td:first-child {  /* This is for the first column in the table */
    width:10%;
    background-color: #eeeeee;
    text-align: left;
    padding-left:20px;
}
  
td:nth-child(2) {  /* This is for the second column in the table */
    width:90%;
    text-align: left;
    padding-left: 3%;
    background-color: rgba(0, 0, 255, 0.3);
    color:pink;
}

.chatroomText{  /* This is for the Welcome and the textbox to enter a msg*/
    width:80%;
    margin:auto;
    text-align: left;
    color: white;
}