.login-page-container{
    padding:70px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    height:100vh;
    min-height:900px;
    max-height:1000px;
    overflow:hidden;
    position:relative;
}

.login-text-container{
    z-index: 6;
    color:white;
}
.login-form-container{
    padding:70px;
    /* border:1px solid white; */

    border-radius:5px;
    background-color:#1b1b1bd1;
    z-index: 6;
    color:white;
    width:582px;
}

.lost-password-text a{

    color:white;

    text-decoration:none;

    transition: all .1s;
    
}

.lost-password-text a:hover{

    color:#F2AA52;

    text-decoration:underline;
    
}

/* video stuff  */

.jumbo-video-container{
    position:absolute;
    top:0;
    left:0;
    z-index:4;
    background-color:black;
}
#jumbo-vid{
    width:100%;
    height:auto;
    position:relative;
    left:50%;
    transform:translateX(-50%);
}

.vignette{
    height:100%;
    width:100%;
    background-color:rgba(0, 0, 0, 0.505);
    z-index:5;
    position:absolute;
    top:0;
    left:0;
}

@media(max-width:1600px){

    #jumbo-vid{
        width:auto;
        height:100%;
    }
}

@media(max-width:600px){
    .login-form-container {
        padding: 30px;
        /* border: 1px solid white; */
        border-radius: 5px;
        background-color: #1b1b1bd1;
        z-index: 6;
        color: white;
        width: fit-content;
    }
}

@media(max-width:450px){
.login-page-container{
    padding:5px;
}
}