#contact-one{
  padding: 100px 10vw;
  min-height: 80vh;
}
#contact-title{
    margin-bottom: 50px;
    text-align: center;
}
#contact-content > form{
    display: flex;
    flex-direction: column;
    padding: 0 5vw;
}
#contact-content > p{
    font-weight: 700;
    margin:auto;
}
#contact-content > form > input{
    margin-bottom: 40px;
    border: 2px solid var(--text-color);
    border-radius: 5px;
    background-color: var(--bg-color);
    color: var(--text-color);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
#contact-content > form > input:hover{
    border: 2px solid #0b3a63;
}

#contact-content > form > textarea{
    margin-bottom: 40px;
    height:200px;
    border: 2px solid var(--text-color);
    border-radius: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: var(--bg-color);
    color: var(--text-color);
}
#contact-content > form > textarea:hover{
    border: 2px solid #0b3a63;
}

#contact-content > form > button{
    width: 200px;
    margin:auto;
    background-color: #062139;
    color: #fff7ed;
    border-radius: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
}
#contact-content > form > button:hover{
  background-color: #0b3a63;
}