@media only screen and (min-width: 600px) {
    /* tag in the ui */
    h2 {
        font-size: 5vh;
    }

    p {
        width: 80vw;
        text-align: center;
        font-size: 2.5vh;
    }

    label{
        text-align: center;
        font-size: 3vh;
    }

    /* define the css rules */
    #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;
    }

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

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