h1 {
    text-align: center;  font-family: Arial, Verdana, Helvetica, sans-serif;
}

h2 {
    
    text-align: center; font-size: 22px;
                    font-family: Arial, Verdana, Helvetica, sans-serif;
                
    }

h3 {
    
    font-size: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; margin-left: 15px;
    }

h4 {
    
        font-size: 20px; font-family: Arial, Verdana, Helvetica, sans-serif;
        }
    

p {
    
    text-align: center; font-size: 15pt; font-weight: 500; font-size: 20px;
                    font-family: Arial, Verdana, Helvetica, sans-serif;
}
                
                .container {
                  display: flex;
                  justify-content: center;
                }
                
                div.gradient {
                  border-image: repeating-linear-gradient(red, orange, yellow, green, blue, indigo, violet) 1%;
                }
                
                div {
                  background: moccasin;
                  border-right: 10px solid transparent;
                  border-left: 10px solid transparent;
                  width: 99%;
                  max-width: 100%;
                }
                
                @media screen and (max-width: 1200px) {
                  div {
                    width: 96%;
                  }
                }


.scale {

    width: 72%;
    height: auto;
    display: block;
    margin-left: auto; margin-right: auto; margin-top: 15px;
    
    }


    .image {

        width: 50%;
        height: auto;
        display: block;
        margin-left: auto; margin-right: auto; margin-top: 15px;
        
        }

    


.btn1 {
    font-size: 10pt;
    height: 35px;
    width: 150px;
    display: block;
    background: orange;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.btn2 {
    font-size: 10pt;
    height: 35px;
    width: 150px;
    display: block;
    background: orange;
    margin-left: auto; 
    margin-right: auto;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

      


input[type=text] {
    border: 2px solid black;
    border-radius: 4px;
    width: 20%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
        

    }
    



    form {

        font-size: large;
        margin-left: 15px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
    }




    #guesta{
        font-size: 18pt;
        height: 35px;
        width: 300px;
    }

    #name{
        font-size: 18pt;
        height: 35px;
        width: 300px;
    }

    #emaila{
        font-size: 18pt;
        height: 35px;
        width: 300px;
    }

    #tela{
        font-size: 18pt;
        height: 35px;
        width: 300px;
    }

    #allergiesa{
        font-size: 18pt;
        height: 35px;
        width: 375px;
    }

    #seatinga{
        font-size: 18pt;
        height: 35px;
        width: 375px;
    }

    #startera{
        font-size: 18pt;
        height: 35px;
        width: 275px;
    }

    #maina{
        font-size: 18pt;
        height: 35px;
        width: 275px;
    }

    #desserta{
        font-size: 18pt;
        height: 35px;
        width: 275px;
    }

    button {
        font-size: 18pt;
        height: 35px;
        width: 200px;
        color: black;
    }


    #guestb{
        font-size: 18pt;
        height: 35px;
        width: 300px;
    }


    #emailb{
        font-size: 18pt;
        height: 35px;
        width: 300px;
    }

    #telb{
        font-size: 18pt;
        height: 35px;
        width: 300px;
    }

    #allergiesb{
        font-size: 18pt;
        height: 35px;
        width: 375px;
    }

    #seatingb{
        font-size: 18pt;
        height: 35px;
        width: 375px;
    }

    #starterb{
        font-size: 18pt;
        height: 35px;
        width: 275px;
    }

    #mainb{
        font-size: 18pt;
        height: 35px;
        width: 275px;
    }

    #dessertb{
        font-size: 18pt;
        height: 35px;
        width: 275px;
    }