body {
    padding-top:5rem;
}
video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    transition: 1s opacity;
}
.logologin {
    width:15rem;
    height:15rem;
    border-radius:50%;
    opacity:0.8;
    overflow:hidden;
}
.logologin img {
    width:auto;
    height:15rem;
}
.stopfade {
    opacity: .5;
}

#polina {
    font-weight: 100;
    background: rgba(0,0,0,0.3);
    color: white;
    padding: 2rem;
    margin: 2rem;
    float: right;
    font-size: 1.2rem;
    width:100%;
    border-radius:5px;
}

h3 {
    font-size: 2.5rem;
    margin-top: 2rem;
    margin-bottom:2rem;
}

#polina button {
    display: block;
    width: 80%;
    padding:0.7rem;
    border: none;
    margin: 1rem auto;
    font-size: 1.3rem;
    background: rgba(255,255,255,0.23);
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    transition: .3s background;
}
.text-login {
    display:block;
    width:80%;
    margin:2rem auto;
    text-align:center;
}
#polina input[type=text],
#polina input[type=password] {
    display: block;
    width: 80% !important;
    padding: 0.7rem;
    margin: 1rem auto;
    font-size: 1.3rem;
    opacity: 0.8;
    border-radius: 3px;
}

    #polina button:hover {
        background: rgba(0,0,0,0.5);
    }

a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    background: rgba(0,0,0,0.5);
    padding: .5rem;
    transition: .6s background;
}

    a:hover {
        background: rgba(0,0,0,0.9);
    }