.contactContainer {
    z-index:11;
    background-color: var(--back1);
    position: fixed;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 250px;
    padding: 20px;
    border-radius: 15px;
    
}
h4{
    text-align: center;
    font-size: 20px;
}
form {
    display: flex;
    flex-direction: column;
    align-items: center;
}
textarea {
    width: 80%;
}
label {
    margin-top: 20px;
    margin-bottom: 20px;
}
#submitBtn {
    background-color: var(--fontColorSelect);
    margin-top: 20px;
    font-family: "Cascadia";
    padding: 15px 20px;
    border-radius: 15px
}
.errormessage {
    background-color: brown;
    border: 2px solid red;
    padding: 15px 20px;
    border-radius: 15px;
}
.successMessage {
    background-color: rgb(71, 134, 76);
    border: 2px solid rgb(156, 121, 152);
    padding: 15px 20px;
    border-radius: 15px;
    text-align: center;
}