@font-face {font-family: "Nunito Sans";src:url("../fonts/Nunito_Sans/NunitoSans-VariableFont_YTLC\,opsz\,wdth\,wght.ttf");} /*Nunito Sans*/
@font-face {font-family: "Inter";src:url("../fonts/Inter/Inter-VariableFont_opsz\,wght.ttf");} /*Inter*/

body {
    /*background-image: url("../img/wallpapers/punpun_2.png");
    background-repeat: no-repeat;
    background-size: 100%;*/

    color: white;

    font-family: "Nunito Sans", sans-serif;

    transition-duration: 0.3s;
}

#bottomMenu {
    height: 120px;
    width: 100%;

    background-color: #20334a;
    
    position: absolute;
    left: 0;
    bottom: 0;
}

#mainTitle {
    font-size: 550%;
    font-weight: bold;

    margin-left: 5%;
}

.button {
    height: fit-content;
    width: fit-content;
    padding: 5px;

    background-color: #3577ff;
    color: white;

    font-size: 200%;

    cursor: pointer;
}

.button:hover {
    background-color: white;
    color: #3577ff;
    
    transition-duration: 0.3s;
}

#loginButton {
    position: absolute;
    right: 1%;
    top: 30%;
}

#registerButton {
    position: absolute;
    top: 30%;
    right: 2%;
}

.wallpaper {
    position: fixed;
    inset: 0;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    transition: opacity 1s ease;

    z-index: -1;
}

#wallpaper1 {
    opacity: 1;
}

#wallpaper2 {
    opacity: 0;
}