body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 46rem;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    background-image: url(../Images/logo3.jpg);
    background-size: cover;
    height: 100%;
    
}

header h2{
    position: absolute;
    margin-top: 20px;
    left: 20%;
}

header{
    height: 10vh;
}

footer h2{
    height: 15vh;
    bottom: 0;

}

.nav{ 
    width: 100%;
    margin: -5rem 5px;
    
    
}
.nav a{
    font-size: 18px;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    margin-right: 20px;
    background-color: 12263a;
   padding: 8px;
    
    
}



.form{
    display: grid;
    place-content: center;
    box-sizing: border-box;
    background-size: cover;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
 .login{
    border: 1px solid #111;
    border-radius: 1rem;
    box-shadow: 0 0 10px rgba(0, 0, 0,0.75);
    width: 27rem;
    height: 37rem;

 }

.lg{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: grid;
    place-content: center;
    margin-top: -5rem;
    font-size: 2.5rem;
    margin-bottom: 75px;
    color: white
}

input{
    background: transparent;
}

button {
    background-color: 12263a;
    font-weight: bold;
    height: 2.4rem;
    color: white;
    
}
button:hover{
    background: transparent;
}
.nav:hover a{
    background: transparent;
}
label{
    color: white;
    font-size: 27px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    
}