/* section 1 */

section:nth-child(1){
    height: 40vh;
    display: flex;
    justify-content: center;
    align-items:center;
    color: whitesmoke;
    background: #1B57A6;
    background-image:linear-gradient(360deg, #ffffff38, transparent);
}
section:nth-child(1) h2{
    font-size: 25vh;
    font-style: italic;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.26);
    animation: move  1s cubic-bezier(.5, 0, 0, 1);
}

/* section 2 */

section:nth-child(2){
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.h3{
    color: whitesmoke;
    font-size: 3.3rem;
    font-weight: 500;
    text-shadow: 0 1px 0 black;
    animation: move  1s cubic-bezier(.5, 0, 0, 1);
}

.form-control{
    font-size: 1.3rem;
    border-radius: 10px;
    padding: 1rem;
    background:linear-gradient(0deg,#ffffff8f, #ffffffa6);
}
.form-control:focus{
    border-color:#343c4967;
    box-shadow: 0 0 0 0.25rem rgb(248 249 249 / 25%);
    background: whitesmoke;
}
.btn{
    background: linear-gradient(178deg,#1B57A6,#525fae9c);
    color: whitesmoke;
    font-weight: 500;
    text-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%);
    transition: 1s ease;
}
.btn:hover{
    background: #1B57A6;
    border-color:  #1B57A6;
    color: white;
    
}
label{
    font-weight: 500;
    text-shadow: 0 1px 0 rgb(0 0 0 / 35%);
    color: white;
}
.form-control.is-invalid{
    background:linear-gradient(0deg,#ffffff8f, #ffffffa6);
}