* {
    margin: 0;
    padding: 0;
}

body{

     
    background-size: cover;
    text-align: center;
    background-color:#112730;
}

img {


    height: auto;
    box-shadow: black ;
}

h1 {
    font-size: 50px;
    text-align: center;
    color: white;
    padding: 10px 0;
    background-color: black;
    width: 850px;
    margin: 0 auto;
    font-family: Verdana, serif;

}


h
section{
    width: 500px;
    margin: 50px auto;
    background-color: white;
    opacity: 90%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    border-radius:10px ;
    text-align: center;
    padding: 30px;

}

form {
    text-align: center;
    display: flex;
    flex-direction: column;
    margin: 40px;

}
input {
    border: grey solid 1px;
    width: 300px;
    height: 30px;
    margin: 0 auto 15px auto;
    background-color: white;
    border-radius: 3px;
}

input:nth-of-type(4){
    height: 400px;
    background-color: aqua;
}

button {
    width: 100px;
    height: 30px;
    position: relative;
    background-color: dodgerblue;
    color: white;
    border-radius: 3px;
    border: solid 1px grey;
    margin: 0 auto;

}

button:hover{
    background-color:crimson;
    transition: margin-right 4s, color 1s;
    transition-delay: 4ms;

}

textarea {
    width: 300px;
    height: 150px;

}