section:nth-child(1){
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 ease 1s;
}

.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;
}
.notValid{
    visibility: hidden;
    animation: show 2s reverse;
}
.valid{
    visibility: visible;
    animation: show 2s;
}
.form-control.is-invalid{
    background:linear-gradient(0deg,#ffffff8f, #ffffffa6);
}
@media screen and (max-width: 920px){
    section:nth-child(1){
        min-height: 70vh;
    }
}


@media screen and (max-width: 480px){
    section:nth-child(1){
        min-height: 100vh;
    }
}
@keyframes show{
    from{
        opacity: 0;
        transform: translateY(-10px);
    }
    to{
        opacity: 1;
        transform: translateY(0px);
    }
}