*{
    margin:0px;
    padding:0px
}
.header{
    background-color: black;
}
h1{
    color:white;
    text-align: center;
    padding-top: 20px
}
ul,li{
    color: grey;
    display:inline;
    cursor: pointer;
}
nav{
    text-align: center;
    padding-bottom: 15px

}
li:hover{
    color: white;
}


.recipe{
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: azure;
    text-align: center;
}
.box1{
    border-width: 3px;
    border-style: solid;
    border-color: black;
    display:inline-block;
    width: 265px;
    height: 315px;
}
button{
    margin-top: 20px;
    background-color: grey;
    display:inline;
    cursor: pointer;
}
.Contact{
    background-color: black;
    text-align: center;
    padding-bottom: 20px;
}
tr{
    color: white;
    text-align: center;
}
.submit {
    text-align: center;
    margin-top: 15px;
}
.submit button {
    background-color: rgb(160, 242, 8);
    color: black;
    padding: 8px 16px;
    border: none;
    cursor: pointer;
}

.Contact {
    background-color: black;
    color: white;
    text-align: center;
    padding: 30px 0;
}

.Contact form {
    display: inline-block;
    text-align: left;
}

.Contact table {
    margin: auto;
}

input {
    padding: 5px;
    width: 200px;
}