.makepurple{
    background-color: purple;
}

.leftTable{
    border: solid red;
    margin-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    float:left;
    width:80%;
}


.parallax, .parallax2, .parallax3, .parallax4, .parallax5, .parallax6, .parallax8, .parallax9{
    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");
}

.parallax8{
     background-image: url("https://codehs.com/uploads/964ba57fb8bb23b38baf82b5c6a6b277");
    height:2500px;
}
.parallax9{
     background-image: url("https://codehs.com/uploads/5abe3f4dd018303191f67473e396e1c4");
     height: 1500px;
}
.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;
}

}.parallax7 h7{ 
    color: black;
    text-align:center;
    padding-top: 400px;
    font-size:30px;
}
.parallax9 h3{ 
    color: black;
    text-align:center;
    padding-top: 20px;
}

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;
}




.section6{
    background-color:black;
    height: 70px;
    float: bottom;
    width: 100%;
    text-align:center;
    color: blue;
}

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


.highlight{
    color: white;
}

.questions{
    color: white;
    font-size: 30px;
}


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

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

th{
    border: 3px solid maroon;
}

iframe{
    width:30%;
}