body{
    background-color: #474545;
    background-image:linear-gradient(#f7744f, #474545);
    background-repeat: repeat;
    font-size: 4vw;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    color: rgb(16, 12, 12);
    display: flex;
    flex-direction: column;
    min-height: 99vh
}
@media (max-width:600px) {
    .titlewrapper, .infowrapper{
        display: flex;
        justify-content: center;
        flex-direction: column;
        background-color:rgba(228, 230, 220,0.6);
        border-radius: 10px;
        border: solid 1.5px rgb(87, 87, 86);
        margin: 5vw auto;
        padding: 3vw;
    }
    .titlewrapper h1{
        margin: 1vw;
        font-size: 10vw;
    }
    .titlewrapper p{
        margin: 1vw;
        color: rgb(33, 44, 44);
    }
    .titlewrapper a{
        text-decoration: none;
        color: rgb(95, 53, 139);
        margin-left: 1vw;
        margin-bottom: 1vw;
    }
    h2{
        margin: 1vw;
        margin-bottom: 1vh;
    }
    .infowrapper{
        width: fit-content; 
    }
    #password{
        margin-top: 2vh;
    }
    input{
        background-color: rgb(243, 240, 232);
        font-size: 6vw;
        align-items: center;
    }
    .login{
        display: flex;
        text-align: center;
        margin-top: 1vh;
        align-self: center;
        width: 28vw;
        height: 6vh;
        font-size: 4vh;
        color: rgb(233, 224, 220);
        background-color: rgb(211, 83, 47);
        border-radius: 10px;
        border: solid 1.5px rgb(87, 87, 86);
        gap: 3px;
    }
    .login img{
        justify-content: right;
        text-align: right;
        height: auto;
        width: 8vw;
    }
    .pressed{
        opacity: 0.5;
        background-color: #e67e7e;
    }
}
footer{
    text-align: center;
}
.filler{
    flex: 1;
}