.form-container{
    display:flex;
}

input{
    transition: border-color 0.3s ease-in-out;
    border-style: solid;
}

.form-section{
    width:100%;
}

.message{
    top:0;
    bottom:0;
    left:0;
    right:0;
    position:fixed;
    visibility :hidden;
    background-color :rgba(255,255,255,0.9);
    display:flex;
    height:100vh;
    width:100vw;
    z-index: 200;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


#successTitle{
    color:green;
}

#failTitle{
    color:red;
}

.messageClose{
    margin: 5px;
    position:fixed;
    top:0;
    right:0;
    height:5rem;
    width:5rem;
    color:gray;
    border-style: solid;
    border-radius: 15px;
    border-color: gray;
    font-size: 50px;
    text-align: center;
    vertical-align: center;
    cursor: pointer;
}
.messageClose:active{
    background-color: black;
}