body {
background:
#1b5060;
font-family:
"Trebuchet MS",
Arial;
margin:0;
color:white;
}
header {
background:
#5b3217;
border-bottom:
8px solid #2b1608;
text-align:center;
padding:20px;
}
header h1 {
font-size:45px;
color:#ffd35a;
text-shadow:
3px 3px black;
}
nav a {
color:white;
background:#8b5a2b;
padding:10px;
margin:5px;
text-decoration:none;
border:
3px outset #c9954c;
}
.announcement {
background:#111;
padding:10px;
text-align:center;
color:#ffd35a;
}
main {
display:flex;
gap:20px;
padding:20px;
}
#shop {
flex:3;
background:#704214;
padding:20px;
border:
5px solid #321806;
}
#productContainer {
display:grid;
grid-template-columns:
repeat(3,1fr);
gap:15px;
}
.product {
background:#c69c6d;
color:black;
padding:15px;
border:
5px ridge gold;
text-align:center;
}
.product button,
#clearCart {
background:#7b1e1e;
color:white;
padding:10px;
border:
3px outset #ffcc66;
cursor:pointer;
}
#cart {
flex:1;
background:#3a210f;
padding:20px;
border:
5px ridge gold;
}
footer {
background:#241205;
padding:20px;
text-align:center;
}