#login-form {
    font-family: Tahoma;
    font-size: 2em;;
    display: flex;
    opacity: 1;
    position: fixed;
    top: 10%;
    bottom: 10%;
    left: 10%;
    right: 10%;
    min-width: 50%;
    border-radius: 30px;
    box-shadow: 1px 1px 10px 10px #888;
    background-color: #ebf4fb;
    text-align: center;
    padding-left: 20%;
    font-size: 14px;
    background: linear-gradient(to top,  rgb(166, 186, 192), #fff);
    /* opacity: .5; */

}

h4 {
    /* transform: scale(1, 3);
    -webkit-transform: scale(1, 3);
    /* Safari and Chrome */
    -moz-transform: scale(2,3);
    /* Firefox */
    -ms-transform: scale(2, 3);
    /* IE 9+ */
    -o-transform: scale(2, 3);
    /* Opera */
    color: white;
    text-shadow: -1px -1px 0 rgb(119, 137, 177), 1px -1px 0 rgb(77, 88, 122), -1px 1px 0 rgb(144, 144, 216), 1px 1px 0 rgb(78, 78, 151);
}

h1 {
    color: #ccc;
    font-size: 3em;;
}

input {
    width: 300px;
}

.name {
    position: fixed;
    bottom: 15%;
    left: 15%;
    font-family: monospace;
    font-size: 3em;
    color: white;
    text-shadow: -1px -1px 0 rgb(119, 137, 177), 1px -1px 0 rgb(77, 88, 122), -1px 1px 0 rgb(144, 144, 216), 1px 1px 0 rgb(78, 78, 151);
}

#logo {
    position: fixed;
    top: 15%;
    left: 15%;
    height: 100px;
    opacity: .1;
}

.overlay-title{
    padding: 100px;
}

.registration_request {
    padding-top: 30px;
    font-style: italic;
}