@media only screen and (max-width: 600px) {
    /*tags*/
    h2{
        font-size:4vh;
    }
    p{
        width:80vw;
        text-align: center;
        font-size: 2.5vh;
    }
    label{
        text-align: center;
        font-size: 3vh;
    }

    /*root containers*/
    #home-page-root,
    #create-user-root,
    #user-entry-root{
        height: var(--full-height);
        width: var(--full-width);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    /* buttons */
    #enter-button,
    #create-button,
    #create-to-home-page,
    #entry-to-home-page,
    #create-user-submit-button,
    #user-key-upload-button{
        width: 35%;
        height: 5%;
        font-size: 3vh;
        /*relative to teh block*/
        margin: 3%;
    }

    /* text input elements*/
    #create-user-nickname-input{
        width: 60%;
        height: 4%;
        font-size: 3vh;
        /*relative to teh block*/
        margin: 3%;
    }
}