body {
    background-image: url(bg1.jpg);
    background-size: cover;
    background-repeat: no-repeat;


}



/* Classic Collection Section */
.classic-collection {
    background-color: #f7f7f7;
    padding: 40px;
    margin: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Arial', sans-serif;
    color: #333;
    line-height: 1.6;
}

.classic-collection h1 {
    font-size: 36px;
    font-family: "Dancing Script", cursive;
    color: #b97b6f;
    text-align: center;
    margin-bottom: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.classic-collection p {
    font-size: 18px;
    text-align: justify;
    margin: 15px 0;
}

.classic-collection span {
    font-weight: bold;
    color: #b97b6f;
}

.classic-collection span.year, .classic-collection span.location {
    font-style: italic;
}
nav {
    height: 15px;
    width: 100%;
    /*background-color: darkseagreen;*/

    font-size: 25px;
    margin-bottom: 100px;

}

li {
    list-style-type: none;
    float: left;
    margin: 2%;
    color: rgb(243, 130, 207);

}

a {
    text-decoration: none;
    color: white;
}

a:hover {
    color: rgb(202, 21, 120);
}

/*div{
    height: 250px;
    width: 100%;
   /* background-color: rgb(196, 189, 186);
    margin-top: 900px;
    margin-left: 1%;
    margin-right: 1%;
    border-radius: 15px;}*/

section {
    height: 200px;
    width: 100%;
    /* background-color: rgb(153, 141, 141);*/
    display: flex;
    margin-top: 450px;

}

/* #one img{ 
    height: 200px;
    width: 80%;
    margin-left: 10px;
    margin-top: 20px;      
    box-shadow: 10px 5px 12px rgb(204, 198, 198);
    
 }*/

#one,
#two,
#three,
#four img {
    width: 25%;
    margin-left: 5px;
    margin-top: 20px;
    box-shadow: 10px 5px 12px rgb(179, 175, 175);
    border: 5px solid black;
}

/*h1{
    font-size: 50px;
    text-align: center;
   
}*/



body {
    background-color: blanchedalmond;
}

nav {
    height: 50px;
    width: 100%;
    font-size: 20px;
    background-size: 300%;
    background-color: blanchedalmond;
}

li {
    list-style-type: none;
    float: left;
    margin: 10px;
    margin-right: 50px;
}

a {
    text-decoration: none;
    color: black;
}

a:hover {
    color: red;
}

#h1 {
    font-size: 80px;
    color: #FAEED1;
    text-shadow: 9px 9px 18px rgb(0, 0, 0);
    font-family: "Dancing Script", cursive;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    text-align: center;
    margin-top: 150px;


}

#div1 {
    position: relative;
    top: 400px;
    text-align: center;
}

#p1 {
    font-size: 30px;
}

#p2 {
    font-size: 20px;
}

section {
    position: relative;
    top: 450px;
    display: flex;
    height: 400px;
    width: 100%;
    background-color: #6C4E31;
}

h2 {
    text-align: center;
    color: wheat;
    /*margin-top: 50px;*/
}

#p3 {
    font-size: 18px;
    margin-left: 10px;
    color: wheat;
    margin-top: 50px;

}

#section2 {
    height: 300px;
    width: 100%;
    display: flex;
    margin-top: 10px;
    background-color: blanchedalmond;
    font-size: 60px;

}

#div4,
#div5,
#div6,
#div7 {
    height: 350px;
    width: 25%;
    background-color: #6C4E31;
    margin: 10px;
    border: solid black 3px;
    font-size: 20px;
    border-radius: 20px;
    color: white;


}

h3 {
    position: relative;
    top: 450px;
    text-align: center;
    font-size: 30px;
}

#button1,
#button2,
#button3,
#button4 {
    height: 30px;
    width: 125px;
    background-color: rgb(255, 169, 8);
    color: black;
    margin-left: 80px;
    margin-top: 10px;
    font-size: smaller;

}

/*This is section3 & div-8,9,10,11*/

#section3 {
    height: 325px;
    width: 100%;
    display: flex;
    margin-top: 100px;
    background-color: blanchedalmond;
}

#div8,
#div9,
#div10,
#div11 {
    height: 350px;
    width: 25%;
    background-color: #6C4E31;
    margin: 10px;
    border: solid black;
    border-radius: 20px;
    font-size: 20px;
    color: white;
}

img {
    border-radius: 20px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#h31 {
    position: relative;
    top: 520px;
    text-align: center;
    font-size: 30px;
}

#button5,
#button6,
#button7,
#button8 {
    height: 30px;
    width: 125px;
    background-color: rgb(255, 169, 8);
    color: black;
    margin-left: 80px;
    margin-top: 10px;
    font-size: smaller;
}

/*This is section4 & div-12,13,14,15*/

#section4 {
    height: 300px;
    width: 100%;
    display: flex;
    margin-top: 100px;
    background-color: blanchedalmond;
}

#div12,
#div13,
#div14,
#div15 {
    height: 350px;
    width: 25%;
    background-color: #6C4E31;
    margin: 10px;
    border: solid black;
    border-radius: 20px;
    font-size: 20px;
    color: white;
}

#h32 {
    position: relative;
    top: 520px;
    text-align: center;
    font-size: 30px;
}

#button9,
#button10,
#button11,
#button12 {
    height: 30px;
    width: 125px;
    background-color: rgb(255, 169, 8);
    color: black;
    margin-left: 80px;
    margin-top: 10px;
    font-size: smaller;
}

/*This is section5 & div-16,17,18,19*/

#section5 {
    height: 300px;
    width: 100%;
    display: flex;
    margin-top: 100px;
    background-color: blanchedalmond;
}

#div16,
#div17,
#div18,
#div19 {
    height: 350px;
    width: 25%;
    background-color: #6C4E31;
    margin: 10px;
    border: solid black;
    border-radius: 20px;
    font-size: 20px;
    color: white;
}

#h33 {
    position: relative;
    top: 520px;
    text-align: center;
    font-size: 30px;
}

#button13,
#button14,
#button15,
#button16 {
    height: 30px;
    width: 125px;
    background-color: rgb(255, 169, 8);
    color: black;
    margin-left: 80px;
    margin-top: 10px;
    font-size: smaller;
}

/*This is section6 & div-20,21,22,23*/

#section6 {
    height: 300px;
    width: 100%;
    display: flex;
    margin-top: 100px;
    background-color: blanchedalmond;
}

#div20,
#div21,
#div22,
#div23 {
    height: 350px;
    width: 25%;
    background-color: #6C4E31;
    margin: 10px;
    border: solid black;
    border-radius: 20px;
    font-size: 20px;
    color: white;
}

#h34 {
    position: relative;
    top: 520px;
    text-align: center;
    font-size: 30px;
}

#button17,
#button18,
#button19,
#button20 {
    height: 30px;
    width: 125px;
    background-color: rgb(255, 169, 8);
    color: black;
    margin-left: 80px;
    margin-top: 10px;
    font-size: smaller;
}

/*This is section7 & div-24,25,26,27*/
#section7 {
    height: 300px;
    width: 100%;
    display: flex;
    margin-top: 100px;
    background-color: blanchedalmond;
}

#div24,
#div25,
#div26,
#div27 {
    height: 350px;
    width: 25%;
    background-color: #6C4E31;
    margin: 10px;
    border: solid black;
    border-radius: 20px;
    font-size: 20px;
    color: white;
}

#h35 {
    position: relative;
    top: 520px;
    text-align: center;
    font-size: 30px;
}

#button21,
#button22,
#button23,
#button24 {
    height: 30px;
    width: 125px;
    background-color: rgb(255, 169, 8);
    color: black;
    margin-left: 80px;
    margin-top: 10px;
    font-size: smaller;
}

/*This is section8 & div-28,29*/

#section8 {
    height: 300px;
    width: 100%;
    display: flex;
    margin-top: 100px;
    background-color: blanchedalmond;
}

#div28,
#div29 {
    height: 350px;
    width: 25%;
    background-color: #6C4E31;
    margin: 10px;
    border: solid black;
    position: relative;
    left: 285px;
    border-radius: 20px;
    font-size: 20px;
    color: white;
}

#button25,
#button26 {
    height: 30px;
    width: 125px;
    background-color: rgb(255, 169, 8);
    color: black;
    margin-left: 80px;
    margin-top: 10px;
    font-size: smaller;
}

#section9 {
    height: 300px;
    width: 100%;
    margin-top: 100px;
    background-color: #6C4E31;
}

#div30,
#div31,
#div32,
#div33 {
    height: 250px;
    width: 25%;
    margin-left: 10px;
    font-size: larger;
    color: white;
    /*background-color: #6C4E31;*/
}

#h11,
#h12,
#h13 {
    text-align: center;
}

#p4,
#p5,
#p6,
#p7,
#p8 {
    font-size: 18px;
    text-align: center;
}

#play {
    height: 25px;
    width: 80%;
    margin-top: 100px;
    margin-left: 50px;
}

i {
    position: relative;
    top: 50px;
    margin: 5px;
    margin-left: 30px;
}