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;

}