.warn {
    position: absolute;
    width:70%;
    height:90%;
    background: #f3efef;
    border-radius: 1cap;
    margin-left: 11%;
    margin-top: 3%;
    display:none;
}

body {
    margin:0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.background {
    background-image: url(bgpicture.png);
    height:100vh;
}

.containtext {
    background-color: rgb(0,0,0);
    filter: opacity(70%);
    height: 450px;
    width: 440px;
    margin-left: 50px;
    margin-top: 100px;
    position: absolute;
}

.blur {
    width:100%;
    height:100%;
    backdrop-filter: blur(2px);
}

.name {
    position: absolute;
    color:#ffffff;
    margin-left: 80px;
    margin-top: 120px;
}

.button {
    position: absolute;
    color:#ffffff;
    margin-left: 80px;
    margin-top: 200px;
    width:370px;
}

.button:hover {
    background-color: #ffffffaa;
    color:#000000;
    cursor:pointer;
}

.subname {
    position: absolute;
    color:#ffffff;
    margin-left: 80px;
    margin-top: 159px;
}

.no {
    position: absolute;
    display:none;
    color:#ffffff;
    font-size: 70em;
    margin:0;
    margin-top: -0.53em;
    animation-duration: 4s;
    cursor:default;
}

@keyframes funny {
    from {filter:opacity(100%)}
    to {filter:opacity(0%); cursor:default;}
}