body{
  background: url(image/graphics/backgrounds/c021-4.gif);
}
.container {
  width: 100%;
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top:50px;
  margin-bottom:100px;  
}
.bg {
background:url(image/graphics/backgrounds/HappyIceCream.png);
background-size: cover;
width:900px;
height:560px;
padding:55px;
border-radius: inherit;
text-align: center;
outline: 2px dashed #FFCA27;
outline-offset: 0px;
}
.main-container {
width:inherit;
box-sizing: border-box;
height:600px;
display:flex;
gap:90px;
}
.entry, .archive {
width:570px;
height:500px;
background: white;
border: 3px ridge #FFDC57;
overflow: auto;
color:#57450f;
font-size:1.3em;
line-height: 1.2em;
padding:20px;
text-align:left;
overflow-x: hidden;
font-family: 'ms ui gothic';
}
.archive {
  text-align: center;
}
.sidebar {
width:130px;
height:200px;
color:#57450f;
font-size:1.1em;
color: #47361f;
padding:10px;
}
.tablinks {
width:90%;
background:#ffea9e;
border: 2px solid white;
text-align: center;
text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
font-size: 1.2em;
padding:5px;
margin:4px;
cursor: pointer;
font-family: 'ms ui gothic';
}
h1 {
  padding:4px;
  background: #f8fa73;
  color:#57450f;
  font-size: 1.4em;
}
footer{
color:#54402b;
height:20px;
margin-top:20px;
margin-right:-52px;
font-family: 'ms ui gothic';
font-size:1.2em;
font-weight:600;
text-align:right;
text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
             1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}
summary {
  display: block;
  cursor: pointer;
}