.mdl-layout {
    align-items: center;
    justify-content: center;
    /*background: url("{{ asset('images/8.jpg') }}") center center; background-size: cover*/
}

.mdl-layout__content {
    padding: 24px;
    flex: none;
}
.mdl-button, .mdl-card__actions{
    font-size: 10px; color:lightgrey;
}
.mdl-textfield__label, .mdl-checkbox__label{
    font-size: 11px;color:lightgrey; font-weight: normal;
}
.mdl-card__title{

    font-family: 'Squada One', cursive;
    color: white; font-size: 48px; text-align: center; display: block;
}
.mdl-card__subtitle{

    font-family: 'Orbitron', cursive;
    color: white; font-size: 22px; text-align: center; display: block;
}
.mdl-textfield__input{
    font-size:  12px; color: white !important;
    border-bottom: 1px dotted rgba(250,250,250,.3);
}
.mdl-button{
    width: 100%;
}

.mdl-textfield.is-invalid .mdl-textfield__input{border-color:lightgrey; box-shadow:none;}
.mdl-textfield--floating-label.is-invalid .mdl-textfield__label{color:#CDDC39; font-weight: normal; font-size:12px;}

.mdl-textfield.is-invalid .mdl-textfield__label:after{background-color:#FFEB3B}

.mdl-color--grey-300 {
    background-color: transparent !important;
}

.mdl-textfield__label {

    color: #CDDC39; font-size: 12px;

}
.fullscreen-bg video{
    display: block;
}
.mdl-checkbox__box-outline {

    border: 1px solid rgba(172,172,172,.54);
    border-radius: 0;

}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards;
}

@keyframes autofill {
    100% {
        background: transparent;
        color: white;
    }
}

@-webkit-keyframes autofill {
    100% {
        background: transparent;
        color: inherit;
    }
}

.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
    background: darkcyan;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; opacity: .3;
}

@media (min-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        width: 300%;
        left: -100%;
    }
}


.mdl-textfield--floating-label input[type=password]:-webkit-autofill ~ label {
    transform: translate3d(0, -20px, 0);
    visibility: hidden;
}

.mdl-textfield--floating-label input[type=password]:-webkit-autofill ~ label:after {
    content: 'Hasło';
    visibility: visible;
    left: 0;
    transform: translate3d(0, -20px, 0);
    background: transparent;
    color: inherit;
}