/* contact form */

.contactForm {
    /* border:4px solid pink; */
    background-color:rgb(252, 166, 180);
    text-align:center;
    padding:0px;
    margin:0;
    box-sizing:border-box;
    padding-bottom:400px;
    padding-top:10px;
}

.contactForm h1 {
    font-size:1.8em;
    text-transform:uppercase;
    margin-bottom:32px;
    padding-top:20px;
    text-align: left;
    color:white;
    padding-left:10%;
}
label {
    display:block;
    margin:0;
    padding:0;
    text-transform:uppercase;
    text-align:left;
    padding-left:10%;
    color:white;
}
input {
border:0;
border-style:none;
border-radius:2px;
background-color:rgba(255,255,255,.24);
font-size:1.2em;
padding:13px;
outline:none;
width:80%;
box-sizing: border-box;
}
.namefield {
    text-transform:capitalize;
}

input:active, input:hover, textarea:hover, textarea:active {
    background-color:rgba(255,255,255,.5);
}
textarea {
    border:0;
border-style:none;
border-radius:2px;
background-color:rgba(255,255,255,.24);
font-size:1.2em;
padding:13px;
outline:none;
width:80%;
box-sizing: border-box;
}
.send {
    margin-top:20px;
    background-color:pink;
    text-transform:uppercase;
    user-select:none;
    cursor:pointer;
    background-color:rgba(255, 68, 85,.5);
    color:white;
    font-weight: 700;
}
.send:hover {
    background-color:rgba(255, 68, 85,1);
    color:white;
}

.notify {
    font-weight:700;
    font-style:italic;
    color: rgb(240, 33, 67);
    text-align:left;
    margin:0;
    padding-left:10%;
    padding-top:4px;
box-sizing: border-box;
}

.error {
    border:1px solid rgb(252, 58, 90);

}

.thankyou {
    background-color:rgb(148, 209, 148);
    border:2px solid green;
    padding:10%;
    text-align:center;
    color:rgb(27, 99, 27);
}

.thankyou h1 {
    font-size:1.5em;
}