*{
    padding:0;
    margin:0;
    box-sizing: border-box;
}

.registration{
    width: 100vw;
    height: 100vh;
    display: grid;
    place-items: center;
    background-color: black;
    color:white;
}

.reg-form-content{
    padding: 20px 20px;
    border-radius: 8px;
    box-shadow: 0 0 5px rgb(5, 87, 5);
    /* background-color: aqua; */
}

.reg-form-content h2{
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}

.reg-form-content form{
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.field{
    display: flex;
    align-items:center;
    gap: 30px;
}

.field-container{
    display:flex;
    flex-direction: column;
}

.field-container label{
    font-size: 20px;
    font-weight: 500;
    margin-bottom:5px;
}

.field-container input{
    width: 300px;
    padding: 5px;
    font-size: 15px;
    border:none;
    border-bottom: 2px solid rgb(5, 87, 5);
    border-radius: 8px;
    background-color: transparent;
    outline: none;
    color: white;
}

.field-container select{
    width: 300px;
    padding: 5px;
    font-size: 15px;
     border:none;
    border-bottom: 2px solid rgb(5, 87, 5);
    border-radius: 8px;
    background-color: black;
    outline: none;
    color: white;
}

.reg-form-content button{
    padding: 10px 0;
    font-size: 20px;
    background-color: rgb(5, 87, 5);
    border: none;
    border-radius: 8px;
    color: white;
}


/* LOGIN FORM */
.login{
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgb(250, 244, 244);
}

/* .login h2{
    color: red;
} */

.login form{
    width: 25%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 20px;
    box-shadow: 0 0 5px black;
    background-color: white;
    border-radius: 5px;
}

.login form .log-container{
    width: 100%;
}

.login form input{
    width: 100%;
    height: 30px;
    padding: 5px;
    border: 1px solid green;
    border-radius: 8px;
    outline: none;
}



.login form button{
    height: 30px;
    border: none;
    border-radius: 8px;
    outline: none;
    background-color: green;
    color: white;
    font-size: 1em;
}