html {
    min-height: 100vh;
    width: 100vw;
}

body {
    margin: 0;
    padding: 0;
    /* color: #222222; */
    color: white;
    font-family: 'Roboto', sans-serif;
    text-align: center;
}

.container {
    background: linear-gradient(-30deg, #FFBC9C, #5082F6);
    padding-top: 15vh;
    padding-bottom: 15vh;
    margin: 0 auto;
}

@media screen and not (max-aspect-ratio: 1) {
    .container {
        width: 50vw;
        margin-top: 2vh;
        margin-bottom: 2vh;
        margin-left: auto;
        margin-right: auto;
        min-height: 66vh;
        border-radius: 2em 0 2em 0;
    }
}

@media screen and (max-aspect-ratio: 1) {
    .container {
        width: 100vw;
        min-height: 100vh;
    }
}

.container>h1 {
    margin-top: 0px;
}

.logo {
    height: 10vh;
    padding-top: 20vh;
    position: relative;
    padding-left: 2vw;
}