*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
    font-family: "wrgothic";
}

@font-face {
    font-family: "wrgothic";
    src: url('weissrundgotisch.ttf');
}

.main{
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #9f9f9f;
}

.text-section{
    position: relative;
    top: 26vmin;
    text-align: center;
}

.text-section h1{
    font-size: 8vmin;
    color: rgb(0, 0, 0);
    font-weight: 600;
}

.subtitle{
    color: rgb(0, 0, 0);
    font-size: 2.5vmin;
}

.login-button{
    top: 2vmin;
    position: relative;
    font-size: 1.5vmin;
    background-color: #000000;
    color: rgb(197, 197, 197);
    padding: 0.8vmin 1vmax;
    border-radius: 0.6vmax;
    text-decoration: none;
}

.login-button:hover{
    background-color: #e0e0e0;
    color: rgb(104, 104, 104);
}

.background{
    position: absolute;
    padding: 2.5% 2.5%;
    filter: blur(8px);
    -webkit-filter: blur(8px);
    top: -16%;
    left: 0%;
    z-index: 0;
}

@media (min-aspect-ratio: 16/9){
    .background{
        width: 100%;
        height: 100%;
    }
}

@media (max-aspect-ratio: 16/9){
    .background{
        width: 100%;
        height: 100%;
    }
}