.login {
    position: fixed;
    top: 0;
    left: 0;
    color: white;
    font-family: 'robotomedium';
    font-size: 25px;
    animation: blurBackground 1s forwards;
    width: 100%;
    height: 100%;
}
@keyframes blurBackground{
    from {
        backdrop-filter: blur(0px);
    }
    to {
        backdrop-filter: blur(5px);
    }
}
.login.inactive {
    animation: deblurBackground 1s forwards;
}
@keyframes deblurBackground {
    from {
        backdrop-filter: blur(5px);
    }
    to {
        backdrop-filter: blur(0px);
    }
}