body {
    margin: 0;
    height: 100vh;
    width: 100vw;

    background-image: url(images/background.png);
    background-size: cover;
    background-repeat: no-repeat;

    backdrop-filter: blur(clamp(5px, 0.5vw, 12px));

    display: flex;
    justify-content: center;
}

.background {
    height: 85vh;
    border-radius: 5vh;
    background-color: white;

    aspect-ratio: 2 / 3;

    align-self: center;

    top: 50%;
    left: 50%;

    box-shadow: 0 0 3vh;
}

@font-face {
    font-family: FredokaOne-Regular;
    src: url(fonts/FredokaOne-Regular.ttf);
}

.profile {
    background-image: url(images/profile.png);
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;

    margin-top: 2%;
    margin-left: 2%;

    border-width: 20%;
    border-color: white;
    border-style: solid;

    width: 10vw;
    border-radius: 100%;
    aspect-ratio: 1/1;
    color: white;

    order: 1;
}

@media screen and (orientation: landscape) {
}

@media screen and (orientation: portrait) {
}