@import url("https://use.typekit.net/idn6utr.css");
@import url('https://fonts.googleapis.com/css2?family=Pirata+One&display=swap');
body{
    background-color: #BEA990;
}

h1{
    font-size: 40px;
    color: white;
    padding-left: 20px;
    padding-top: 10px;
    font-family: "Pirata One", system-ui;
    font-weight: 400;
    font-style: normal;

}
.clay{
     background-color:#8C3C1F;
     width: 40%;
     height: 20vh;
}

        .row1{ 
        display: flex;
        }
        .column1{
            flex: 50%;
        }


    h2{
        color: white;
        font-size: 20px;
        font-family: "sitka-text", sans-serif;
        font-weight: 400;
        font-style: normal;
          background-color:#736A37;
        margin-left: 50%;
        height: 20vh;
        text-align: right;
        padding-right: 10px;
        padding-top:20px;
        padding-bottom: 0px;
    }
        .column2{
            flex: 50%;
        }

        h3{
            color: white;
            font-family: "chandler-42-regular", sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 20px;
              background-color:#A85A26;
            margin-right:50%;
            height: 10vh;
            margin-top: 30px;
            padding-left: 10px;
        }

       

            h4{
                color: white;
                font-size: 25px;
                font-family: "bely-display", sans-serif;
                font-weight: 400;
                font-style: normal;
                padding-left: 20px;
                margin-left: 10px;
                padding-top: 10px;
            }

            .brown{
                background-color:#3D1F12;
                width: 70%;
                height:35vh;
                margin-bottom: 0px;
            }

                .row2{ 
                display: flex;
               } 
                .column4{
                    flex: 50%;

                }
                h5{
                    color: white;
                    font-size: 45px;
                    font-family: "gothique-mn", sans-serif;
                    font-weight: 400;
                    font-style: normal;
                    background-color:#8E683A ;
                    text-align: right;
                    height:15vh;
                    } 
                    .column4{
                    flex: 50%;
                }
                p2{
                    color: white;
                }
                     
                    .column4{
                    flex: 50%;
                }
                h7{
                        color: white;
                        font-size: 30px;
                        font-family: "myriad-pro", sans-serif;
                        font-weight: 400;
                        font-style: normal;
                       text-align: right;
                       padding-top: 20px;
                       
                    }
              
                    .brack{
                        background-color:#AE4C2C;
                        height: 20vh;
                       margin-left: 40%;
                    }
                    
                    .column3{
                    flex:50%;}

                h6{
                    color: white;
                    font-size:20px;
                    font-family: "samantha-italic", sans-serif;
                    font-weight: 400;
                    font-style: normal; 
                    background-color:#5B5333;
                    width: 35%;
                    height: 30vh;
                }
                    
            h8{
                color: white;
                font-size:45px;
                font-family: "kandal", serif;
                font-weight: 400;
                font-style: normal;
                text-align: left;
            }

            .bbbrown{
                background-color:#593B28;
                width:65%;
                height:35vh;
                padding: 10px;
                text-align: left;
            }

            h9{
                color: white;
                font-family: "bernhard-gothic-urw", sans-serif;
                font-weight: 700;
                font-style: normal;
                font-size: 40px;
                padding-top: 10px;
                margin-bottom:10px;
                text-align: left;
            }

            .yellow{
                background-color:#C19560;
               width: 50%;
                height:8vh;
                text-align: left;
            }

            p{
                color: white;
                font-family: "madelinette-grande-vino", sans-serif;
                font-weight: 400;
                font-style: normal;
                font-size: 30px;
               text-align: right;
        padding-right: 10px;
        padding-top:20px;
        padding-bottom: 0px;
  background-color:#212727;
             margin-left: 40%;
                height: 20vh;
            }