main {
    background-color: #f7f7f7;
}



.homeContainer {
    padding: 4rem 3rem;
    background-color: white;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 2px;
    max-width: 400px;
}

.outfit-400 {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.outfit-600 {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

h3 {
    color: #404040;
}

button {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-style:normal;
    outline: none;
    border: none;
    border-radius: 110px;
    padding: 19px 0px;
    cursor: pointer;
    font-weight: 400;
    text-align: center;
 
}




.essBlueBg {
    background-color: #35499F;
}
.essGreyBG {
    background-color: #e9e6e6;
}


.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #35499F;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(53, 73, 159, .25);
}

#registerContainer {
    max-height: 100svh;
}

@media(max-width:460px) {

    .homeContainer {
        max-width: 360px;
        padding:2rem 1rem;
    }
}

@media(max-width:380px) {

    .homeContainer {
        max-width: 330px;
        padding: 1rem;
    }
    #registerContainer {
        max-height: 100%;
    }
}