
.section-2 {
    margin: 2.5em auto;
}

.section-2 .form-container {
    color: var(--color-dark);
    background-color: var(--secondary-color-lighter);
    max-width: 15em;
    margin: auto;
    padding:1em;
    border-radius: 10px;
}
.section-2 form{
width: 100%;
}
.section-2 hr{
    border: .5px solid var(--color-light);
    margin-bottom: 1em;
}
.section-2 .form-input{
    width: 100%;
    display: flex;
    justify-content: center;
    padding: .5em 0em;
}
.section-2 input{
    height: 2em;
    width: 100%;
    padding: .5em;
    border-radius: 5px;
    border: none;
    outline: none;
}
.section-2 input:hover{
    border-bottom: 2px solid var(--secondary-color-light);
}
.section-2 .submit{
    height: 3em;
}
@media screen and (max-width: 992px) {
 
}

@media screen and (max-width: 600px) {

}