.headertextBG{

    color: #7c2cbc;
    left:0;
    right:0;
    margin-left:auto;
    margin-right: auto;
    position: relative;
    width:1000px;
    text-align: center;
    font-size: 100%;
    font-family: "Open Sans";
}



.attic{

    left:0;
    right:0;
    margin-left:auto;
    margin-right: auto;
    position:absolute;
    text-align: center;
    font-size: 20%;
    font-family: "Ubuntu Mono";
    width:600px;
    

}
.snakeText{

    text-align: center;
    font-size: 12%;
    font-family: "open sans";

}


body{

    background-color: #202124;
    font-size: 500%;
    color: white;
    
}

.blue-text{

    color: #007bff;

}

.white-text{

    color: white;

}

.light-mode{

    background-color: #ffffff;
    font-size: 500%;
    color: #000000;
}




#faviconTL{

    float: left;
    top: 0;
    width: 50%;
    height: 50%;


}

a:link, a:visited, a:hover {
    background-color: white;
    color: black;
    padding: 15px 25px;
    border-radius: 20px;
    border: 3px solid white;
    margin-top: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: open sans;
}

a:hover {
    background-color: white;
    color: black;
    padding: 15px 25px;
    border: 3px solid #7c2cbc;
    
    border-radius: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}