@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400&display=swap');

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
max-width: 992px;
min-height: 100vh;
margin: 0 auto;
background-image: 
	linear-gradient(#faf0e6, #2f4858);
font-family: 'Cinzel', 'Georgia', serif;
color: #EEE6D2;
}
h1, h2, h3 {
font-family: 'Cinzel', 'Georgia', serif;
color: #B9C2AC;
}
p {
font-family: 'Lora', 'Georgia', serif;
}
a {
color: #342d26;
text-decoration: none;
}
a:hover {
color: #A6996F;
}
header {
margin: 20px 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; 
}
header h1 {
text-align: center;
font-size: 2rem;
}
header img {
width: 75%;
height: 200px;
margin: 20px 20px;
border: 2px solid #33392E;
object-fit: cover;
}
nav ul {
display: flex;
flex-direction: row;
justify-content: center;
list-style: none;
gap: 25%;
}
nav a {
font-weight: 600;
}
#intro {	
height: 350px;
overflow: auto;
}
#intro img {
height: 200px;
width: 200px;
object-fit: cover;
float: right;
border: 2px solid #33392E;
}
#intro h2 {
text-align: center;
margin-bottom: 10px;
}
#break {
border: none;
height: 50px;	
width: 75%;
margin: 20px auto;
background-color: #EEE6D2;
}
.model {
display: block;
height: 500px;
object-fit: contain;
margin: 0 auto;
border: 2px solid #33392E;
}
.model1 {
display: block;
height: 800px;
width: 75%;
object-fit: cover;
margin: 0 auto;
border: 2px solid #33392E;
}
#store {
margin: 20px 20px;
}
.leftitem {
height: 500px;
width: 50%;
float: left;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.rightitem {
height: 500px;
width: 50%;
float: left;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.leftitem p, .rightitem p {
margin: 10px 0;
font-weight: 500;
}
.item_img {
height: 75%;
width: 50%;
object-fit: cover;
border: 2px solid #33392E;
}
.purchase_button {
background-color: #EEE6D2;
border: 2px solid #33392E;
color: #33392E;
font-family: 'Cinzel', 'Georgia', serif;
font-weight: 600;
padding: 10px 10px;
margin: 10px;
cursor: pointer;
}
.purchase_button:hover {
color: #6E6A4E;
border-color: #6E6A4E;
}
#p2 {
margin: 20px 20px;
}
#history {
height: 800px;
width: 100%;
margin: 50px auto;
}
.history_block {
height: 25%;
display: flex;
flex-direction: row;
}
.history_block p {
overflow: auto;
padding: 20px 20px;
color: #342d26;
}
.history_img {
width: 25%;
height: 100%;
object-fit: cover;
flex-shrink: 0;
}
#rect1 {
width: 25%;
height: 50%;
background-color: #c4bbb1;
align-self: center;
flex-shrink: 0;
}
#rect2 {
width: 50%;
height: 50%;
background-color: #91887f;
align-self: center;
flex-shrink: 0;
}
#rect3 {
width: 75%;
height: 50%;
background-color: #615850;
align-self: center;
flex-shrink: 0;
}
.submit_button {
background-color: #EEE6D2;
border: 2px solid #33392E;
color: #33392E;
font-family: 'Cinzel', 'Georgia', serif;
font-weight: 600;
padding: 10px 10px;
cursor: pointer;
}
.submit_button:hover {
border: 2px solid #6E6A4E;
color: #6E6A4E;
}
#newsletter_form {
width: 33%;
margin: 20px auto;
padding: 10px;
background-color: #EEE6D2;
border: 2px solid #33392E;
color: #33392E;
}
#newsletter_form h3 {
color: #33392E;
text-align: center;
}
#newsletter_form:hover {
border: 2px solid #6E6A4E;
}
#newsletter_form form {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
#newsletter_form label {
font-weight: 500;
}
#newsletter_form input {
font-family: 'Georgia', serif;
padding: 4px;
}
.spacer {
margin: 20px;
}
footer {
margin: 20px 20px;
display: flex;
justify-content: center;
align-items: center;
}
footer p {
font-family: 'Cinzel', 'Georgia', serif;
font-weight: 600;
color: #EEE6D2;
}