@import url('https://fonts.cdnfonts.com/css/satoshi');

:root {
    font-family: Satoshi, Verdana;
}

#love-fucking-edvardsson {
    margin-left: 5vw;
    margin-top: 6vw;

    font-size: 100px;
    
}

#password {
    margin-left: 5vw;
    margin-bottom: 20px;

    width: 50vw;
    height: 90px;
    border: none;
    font-size: 80px;
    border-bottom: 5px solid black;
}
#password:focus {
    outline: none;
}

#submit {
    color: black;
    margin-left: 5vw;
    margin-top: 2vw;
    height: 100px;
    width: 300px;
    font-size: 60px;
    font-family: InterVariable, sans-serif;
    font-weight: 500;
    border: 7px solid black;
    border-radius: 20px;
    background-color: transparent;
}
#submit:hover {
    background-color: beige;
    cursor: pointer;
}

#error {
    font-size: 80px;
    margin-left: 5vw;
    color: red;
    font-weight: 700;
}

@media (max-width: 620px) {
    #formBox {
        margin-left: 5vw;
        margin-right: 5vw;
        width: calc(100% - 10vw);
    }
    #password { 
        width: calc(100% - 10vw);
        margin-left: 6%;
    }
    #submit {
        margin-left: 5vw;
        margin-right: 5vw;
        width: calc(100% - 10vw);
    }
}