@import url('https://fonts.googleapis.com/css2?family=Italiana&family=Roboto+Mono:ital@1&display=swap');
body {
    background-color: #CD9761;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    text-align: center;

}
legend {
    background-image: url('../images/flag.png');
    background-size: cover; border: 2px solid black;
    font-weight: bold;
    padding: 7px; margin-left: 60px;
    border-radius: 100%;
}
fieldset {
   border: 2px solid;
   background-color: #f4B043;
}
#orderpage {
    background-color:#DFB587;
    padding: 20px;
    max-width: 70%;
    margin: 0 auto;
    border: 2px dashed black;
}
h1 {
font-family: 'Italiana', serif;
background-color: #dd4f23;
border-radius: 10px;
border: 2px solid black;
padding: 10px;
}

form {
background-color: #C32B0E;
padding: 10px;
margin: 10px auto;
border-radius: 10px;
border: 2px solid black;
}
table {
margin: 0 auto;
border-bottom: 2px dashed black;
margin-bottom: 5px; padding-bottom: 5px;
}
#tables {
border: 2px dashed #dd4f23;
width: 500px; padding: 10px;
margin: 0 auto;
border-radius: 10px;
background-color: #FBD771;
}

#custInfo {
text-align: right;
}
input[type=submit], input[type=reset] {
margin: 5px;
}
#f1addr2 {
    width: 170px;
    margin-left: 0 auto;
}
#meatNum, #veggieNum {
    color: Green;
    font-weight: bolder; font-size: 1.5em;
}

#cardpayment {
    display: none;
}

.f1cardNum {
    width: 50px;
}
#pizzaSelect2 {
    display: inline-table;
}

#f1state:focus {
    background-color: pink;
}
input[type=submit]:hover {
box-shadow: inset 2px 2px 5px black;
}

input[type=submit]:hover, input[type=reset]:hover {
cursor: pointer;
}

input[type=submit] {
padding: 15px; margin-left: 60px;
border-radius: 100%;
font-size: 2em; font-weight: bolder; text-shadow: 1px 1px 3px black;
font-family: 'Italiana', sans-serif;
background-image: url('../images/flag.png');
background-size: cover;
border: 2px solid black; box-shadow: 2px 2px 5px black;
}

input::placeholder{
font-style: italic;
padding-left: 5px;
}

input[type=reset] {
float: right;
}

.f1chsOptions {
text-align: left;
}

#pizzaInfo {
text-align: right;
}

#f1sauce, #f1crust {
width: 100px;
}