a, a:visited{
    color: gray;
}
a:hover{
    background-color: black;
    color: white;
}
body{
    align-items: center;
    background: white;
    color: black;
    display: flex;
    flex-direction: column;
    font-size: 2rem;
    justify-content: center;
}
footer{
    bottom: 4vh;
    font-size: 1rem;
    position: absolute;
}
#counter{
    background-color: greenyellow;
}
#lightSwitch{
    font-size: 1rem;
}
#text{    
    background: white;
    color: black;
    font-size: 1.4rem;
    height: 50vh;
    margin-top: 12vh;
    width: 50vw;
}
@media only screen and (max-width: 750px){
    #text{
        width: 90vw;
    }
}