body {
        margin: 0;
        font-family: athelas regular;
        font-size: 200%
}

    .topnav {
        overflow: hidden;
        background-color: rgb(65,57,61);
        }

    .topnav a {
        float: right;
        color: white;
        text-align: center;
        padding: 10px 50px;
        text-decoration: none;
        font-size: 15px;
        }

    .topnav a:hover {
        background-color: rgb(138,140,143);
        color: white;
        }

    .topnav a.active {
        background-color: rgb(190,30,45);
        color: white;
        }
        
    .topnav {box-sizing: border-box;}
    body {font-family: Majesti Banner;}

     #link-container {
    position: static;
    bottom: 0;
    width: 100%;
    text-align: center;
}
    #link{
        color: white;
}
    /* for smaller sizes, lower text size */
    @media only screen and (max-width: 300px) {
        .text {font-size: 11px}
    }