body {
font-family: "Hiragino Sans", sans-serif;
background-color: #dda0dd;
margin: 0;
padding: 0;
color: #4a2b32; 
}

.container {
width: 80%;
max-width: 900px;
margin: 0 auto;
padding: 20px 0;
}

h1 {
text-align: center;
color: #800000;
margin-bottom: 10px;
font-size:90px;
}


nav {
text-align: center;
margin-bottom: 25px;
}

nav a {
margin: 0 12px;
text-decoration: none;
color: #6a5acd;
font-weight: bold;
}

nav a:hover {
    color: #ff7f50;
}

.box {
background-color: #f4dcd8;
padding: 20px;
margin-bottom: 25px;
border-radius: 10px;
}

.box img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.two-box {
display: flex;
gap: 20px;
margin-bottom: 25px;
}

.two-box img {
    width: 100%;
    height: 250px;
    object-fit: contain;
}

.subbox {
flex: 1;
background-color: #f4dcd8;
padding: 20px;
border-radius: 10px;
box-sizing: border-box;
}

img {
max-width: 100%;
border-radius: 5px;
}




footer {
text-align: center;
margin: 30px 0;
color: #4a2b32;
}

.red-wine td {
    background-color: #f8c8dc;
}

.white-wine td {
    background-color: #e6f5c9;
}

.red-wine:hover {
    background-color: #f5b0cd;
}

.white-wine:hover {
    background-color: #d8efb0;
}