body{
    background-image: url(./img/dining.webp);
    background-size: cover;
}

form{
  display: grid;
}

h1{
    color: rgb(7, 247, 19);
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-style: oblique;
}


/* input styles */
#wordOne{
    font-size: large;
    font-family: 'Courier New', Courier, monospace;
    margin: 10px;
}

#wordTwo{
    font-size: large;
    font-family: 'Courier New', Courier, monospace;
    margin: 10px
}

#wordThree{
    font-size: large;
    font-family: 'Courier New', Courier, monospace;
    margin: 10px;
}

#wordFour{
    font-size: large;
    font-family: 'Courier New', Courier, monospace;
    margin: 10px;
}

#wordFive{
    font-size: large;
    font-family: 'Courier New', Courier, monospace;
    margin: 10px;
}

#wordSix{
    font-size: large;
    font-family: 'Courier New', Courier, monospace;
    margin: 10px;
}

#wordSeven{
    font-size: large;
    font-family: 'Courier New', Courier, monospace;
    margin: 10px;
}

#wordEight{
    font-size: large;
    font-family: 'Courier New', Courier, monospace;
    margin: 10px;
}

#wordNine{
    font-size: large;
    font-family: 'Courier New', Courier, monospace;
    margin: 10px;
}

#wordTen{
    font-size: large;
    font-family: 'Courier New', Courier, monospace;
    margin: 10px;
}

#wordEleven{
    font-size: large;
    font-family: 'Courier New', Courier, monospace;
    margin: 10px;
}

#wordTwelve{
    font-size: large;
    font-family: 'Courier New', Courier, monospace;
    margin: 10px;
}

#wordThirteen{
    font-size: large;
    font-family: 'Courier New', Courier, monospace;
    margin: 10px;
}

#wordFourteen{
    font-size: large;
    font-family: 'Courier New', Courier, monospace;
    margin: 10px;
}

#wordFifteen{
    font-size: large;
    font-family: 'Courier New', Courier, monospace;
    margin: 10px;
}

#wordSixteen{
    font-size: large;
    font-family: 'Courier New', Courier, monospace;
    margin: 10px;
}

#wordSeventeen{
    font-size: large;
    font-family: 'Courier New', Courier, monospace;
    margin: 10px;
}

#wordEighteen{
    font-size: large;
    font-family: 'Courier New', Courier, monospace;
    margin: 10px;
}

/* styles all placeholder text areas */
input::placeholder, textarea::placeholder {
  font-size: 14.3px; /* Set your desired size */
  color: black;
  font-weight: bolder;
}

/* button styles */
button{
    margin: 20px;
    font-size: 20px;
    font-weight: bolder;
}

p{
    font-size: 42px;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bolder;
    color: #fce24b;
    text-shadow: 2px 2px 4px black;
    padding: 20px;
    line-height: 65px;
}

ol{
    font-size: xx-large;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    align-items: flex-end;
}

.list{
    color: rgb(6, 209, 162);
   text-align: center;
    font-size: xx-large;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    background-image: url('WhiteFlag.jpg') no-repeat;
    width: 800px;
    height: 500px;
}