#container {
    font-family: 'Times New Roman', Times, serif;
    font-size: 17x;
}

.menu{
    background-color: gray;
    float: left;
    clear: both;
    text-align: center;
    height: 1200px;
    width: 200px;
    padding: 30px;
    border: 2px solid black;
    border-radius: 20px;
    color: black;
}

.maintext{
    clear: right;
    float: both;
    font-family: 'Times New Roman', Times, serif;
    font-size: large;
    margin-left: 300px;

}

.header{
    font-family: 'Times New Roman', Times, serif;
    font-size: large;
    text-align: center;
    border: 2px solid black;
    border-radius: 20px;
    color: black;
}
/*All of these classes make boxes around page */
.link1{
    height: 50px;
    width: 100px;
    background-color: #FFC20A;
    float: left;
    clear: both;
    padding: 50px;
    text-align: center;
    border: 2px solid black;
    border-radius: 20px;
    color: black;
}
.link2{
    height: 50px;
    width: 100px;
    background-color: #0C7BDC;
    float: left;
    clear: both;
    padding: 50px;
    text-align: center;
    border: 2px solid black;
    border-radius: 20px;
    color: black;
}
.link3{
    height: 50px;
    width: 100px;
    background-color: blue;
    float: left;
    clear: both;
    padding: 50px;
    text-align: center;
    border: 2px solid black;
    border-radius: 20px;
    color: black;
}
.link4{
    height: 50px;
    width: 100px;
    background-color: white;
    float: left;
    clear: both;
    padding: 50px;
    text-align: center;
    border: 2px solid black;
    border-radius: 20px;
    color: black;
}
.link5{
    height: 50px;
    width: 100px;
    background-color: cyan;
    float: left;
    clear: both;
    padding: 50px;
    text-align: center;
    border: 2px solid black;
    border-radius: 20px;
    color: black;
}
/*Applies these properties to images*/

/* Link that has never been clicked, un-visited link */
a:link {
    color: black;
    text-decoration: none;
    }
    
    /* visited link */
    a:visited {
    color: purple;
    text-decoration: none;
    }
    
    /* mouse over link */
    a:hover {
    text-decoration: none;
    color: hotpink;
    }
    
    /* selected link */
    a:active {
    color: yellow;
    text-decoration: none;
    }
    .variable{
        text-indent: 50px;
    }