body{
    background-color: rgb(236, 248, 247);
    text-align: center;
    vertical-align: 500px;
}
header {
    text-align: center;
}
h1{
    font-family: 'Times New Roman', Times, serif;
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    color: rgba(204, 177, 24, 0.877);
    text-decoration: underline;
}
textarea[name="user-input"] {
    background-color: whitesmoke;
    height: 150px;
    width: 500px;
    border-radius: 1rem;
    border-style: double;
    margin-top: 50px;
    font-family: 'Times New Roman', Times, serif;
    font-size: larger ;
    box-sizing: content-box;
    padding: 20px;
}
#reset-button {
    background-color: rgb(112, 133, 133);
    color: white;
    height: 30px;
    width: 100px;
    border-radius: 0.6rem;
    border-style: initial;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: medium;
    font-weight: 500;
    font-family: Arial, Helvetica, sans-serif;

}
ul{
    display: inline-flex;
    /*grid-row: 1fr;*/
    gap: 50px;
    border-radius: 100rem;
    text-align: center;
}
.li1,
.li2,
.li3 {
    background-color:rgb(199, 194, 194);
    border-radius:0.5rem;
    color:black;
    font-weight: 700;
    margin-bottom:300%;
    padding: 2.5%;
    height: 20px;
    padding: 10px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: large;
}
footer {

    text-align: center;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: small;
    font-weight: 600;
}