body:before {
    content: '';
    background: #6d0eaf;
    background: linear-gradient(to bottom, #6d0eaf 0%, #550d8a 100%);
    width: 100vw;
    height: 100vh;

    background-size: cover;
    position: absolute;
    filter: blur(30px);
    transform: scale(1.1);
    overflow: hidden;
    z-index: -1;
}
body {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    color: #FFFFFF;
}
body:after {
    content: '';
    width: 100vw;
    height: 100vh;
    background: #6d0eaf;
    opacity: 0.4;
    position: absolute;
    z-index: -1;
}
#auth {
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}
#form {
    position: relative;
    padding-top: 40px;
    border-radius: 15px;
    border:2px solid white;
}
#form:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    left: 50%;
    top: 0;
    transform: translate(-50%, -60%);
    background: url('../img/logo.png');
    background-size: 100px 100px;
    border-radius: 100px;
}