#title {
    font-family: "Roboto", Times, serif;
    font-weight: bold;
    font-size: 2.5em;
    width: fit-content;
    text-align: center;
    margin: 10px auto 10px;
}

.roboto-main {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

#login {
    width: fit-content;
    margin: 0 auto;
}

#enterButton {
    margin-top: 10px;
    border-width: 2px;
    border-color: white;
    border-style: none;
    border-radius: 5px;
    background-color: rgb(63, 63, 255);
    color: white;
    font-weight: 400;
    font-size: .94em;
    padding-block: 3px;
    font-family: "Roboto";
}

#password {
    font-style: italic;
}

.welcome {
    width: fit-content;
    font-family: "Roboto", Times, serif;
    font-weight: bold;
    margin: 50px auto 10px;
    font-size: 3em;
}

#content {
    width: 75%;
    margin: 60px auto 10px;
    font-family: "Roboto";
    font-size: 1.5em;
    font-weight: 400;
    text-align: center;
}

#content2 {
    width: 80%;
    text-align: center;
    font-size: 2em;
    margin: 40px auto 10px;
}

#content3 {
    width: 75%;
    margin: 60px auto 10px;
    font-family: "Roboto";
    font-size: 2.5em;
    font-weight: 400;
    text-align: center;
}

.preserve {
    white-space: pre-wrap;
}

@media (max-width: 600px) {
    .welcome {
        margin-top: 1em;
        max-width: 75%;
        text-align: center;
        font-size: 3em;
    }
    #content {
        width: 80%;
        text-align: center;
        font-size: 1.6em;
        margin: 40px auto 10px;
    }
    #content2 {
        width: 80%;
        text-align: center;
        font-size: 2em;
        margin: 40px auto 10px;
    }
    #title {
        font-size: 2em;
    }
}