body{
    display: grid;
    align-content: center;
    justify-items: center;
    padding: 5vh 5vw;
    background-image: url('/images/common/backgrounds/pattern1-red.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.logo-wrapper{
    text-align: center;
    margin-bottom: 40px;
}
.logo-wrapper img{ width: 100px; }

main{
    background: var(--white);
    box-shadow: -8px 0 99px rgba(0, 0, 0, 0.1);
    max-width: 700px;
    overflow: auto;
    margin: 0 auto;
    padding: var(--whitespace);
}

main h1{
    font-size: 1.15rem;
    text-align: center;
    margin-bottom: 40px;
}


form{
    display: grid;
    gap: 20px;
    width: 100%;
}

/* MEDIA QUERIES */
@media (max-width: 600px){
    body{
        display: block;
        padding: 0;
        background-image: none;
    }
    main{
        min-height: 100vh;
    }
}