/* loginAndSignup.css */


#page-login{
    #loginPage{
        background-image: url(../images/homebackground.jpg); 
        background-repeat: no-repeat;
        height: 100vh;
        background-size:cover;
        margin:0;
        height:100vh;
        width:100vw;
        display: grid;
        place-items: center;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .backgroundcontainer .bgoverlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(194, 194, 194, 0.212);
    }
    
    #form{
        /* width:20%; */
        background-color: rgb(255, 255, 255);
        text-align: center;
        padding-top:20px;
        padding-bottom:20px;
        border: white;
        border:white;
        border-radius:2px;
        padding:25px;
    }
    
    .centreall{
        display:flex;
        align-items: center;
        justify-content: center;
    }
    
    h1{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 35px;  
        color: black;
        
    }
    
    #cred{
        font-family: Arial, Helvetica, sans-serif;
        font-size:18px;
        color:black;
        padding-bottom: 15px;
    }
    
    input{
        width:75%;
        padding:15px;
        
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        border:none;
        background-color: rgba(207, 207, 207, 0.315);
        border-radius: 2px;
    }
    
    #submitBtn{
        width:80%;
        padding:12px;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px; 
        background-color: #e0ad2a;
        cursor:pointer;
        border:none;
        color:white;
    }
    
    #submitBtn:hover{
        background-color: #ca9e2d;
        transition: 0.2s background-color;
        
    }
    
    a{
        font-family: Arial, Helvetica, sans-serif;
        font-size:13px;
    }
    
    #membSignUp{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
    }
}