h6 {
    text-align: center;
    color: #666;
}

.well {
    padding: 1em;
}

.login-wrapper {
    position: fixed;
    width: 100%;

}

.tcenter {
    background: transparent !important;
    box-shadow: none !important;
    margin: auto;
    display: table;
}


.mdc-card {
    background: rgba(255, 255, 255, 0.8) !important;

}

.logo {
    margin: 3vh auto;
    width: 28vh;
}

form {
    padding: 2em;

}

body {
    background: url('https://images.unsplash.com/photo-1629984169599-184e84223c1e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80');
    background-repeat: no-repeat;
    background-size: cover;
}

.main {
    display: table;
    width: 100%;
    height: 100vh;
    backdrop-filter: blur(5px);
}

.login-wrapper {
    display: table-row;
    height: 100%;
}

.cell {
    width: 100vw;
    display: table-cell;
    vertical-align: middle;
    transform: translate(0, 21vh);
}

.mdc-text-field {
    width: 100%;
    margin-top: 2em;
    background: #F4F4F4;
}

.mdc-floating-label {
    position: absolute !important;
    top: -1em !important;
}

#visibility {
    border: 1px solid transparent;
    top: .3em;
    position: relative;
    color: #666;
}

#visibility:hover {
    color : black;
    transition: color .33s;
}