body {
  background-size: 40px 40px;
  background-image:
    linear-gradient(to right, #c74e60 1px, transparent 1px),
    linear-gradient(to bottom, #c74e60 1px, transparent 1px);
  background-color:#5e0b2a;
}
.container {
  display: flex;
  flex-direction:row;
  column-gap: 5px;
  min-height:600px;
  width:600px;
  margin:auto;
  width:70%;
}
div.blog {
  height:auto;
  background-color:#c74e609d;
  border:#ff9983 2px solid;
  padding:5px;
  flex:content;
  backdrop-filter:blur(5px);
}
div.updates {
  max-height:400px;
  background-color:#c74e609d;
  border:#ff9983 2px solid;
    padding:5px;
    flex:auto;
    text-align:left;
  backdrop-filter:blur(5px);
  max-width:300px;
  overflow-y:scroll;
}
details>p {
    font-family:"Delius", cursive;
    font-size:15px;
    margin-top:-15px;
    color:white
}
h1 {
    font-family:"Fredoka", sans-serif;
    font-size:30;
    margin-top:0px;
}
details>summary {
    font-family:"Delius", cursive;
    font-size:40;
    margin-top:0px;
    color:white;
}
details>summary:hover {
  font-weight: bolder;
  text-decoration:underline;
}
details {
  font-size:25px;
  padding:10px;
}
details > p {
  background-color: #000000;
  padding: 4px;
  margin: 0;
  position:absolute;
  margin-top:10px;
  margin-right:10px;
}
h5 {
  font-family:"Fredoka", sans-serif;
  font-size:150px;
  margin-bottom:10px;
  margin-top:-10px;
  color:#ff9983;
  filter:drop-shadow(10px 5px 4px  rgba(0, 0, 0, 0.713));
}
a {
    text-decoration:underline;
    color:rgb(255, 255, 255);
}
a:visited {
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
    color:black;
    font-weight:bold;
    font-style: italic;
}
p {
    font-family:"Delius", cursive;
    font-size:15px;
    color:rgb(0, 0, 0);
    margin-bottom:-15px;
}
h4 {
    font-family:"Delius", cursive;
    font-size:35px;
    margin-top:5px;
    color:white;
}
ul {
font-size:16px;
font-family:"Delius", cursive;
color:#ffffff;
margin-bottom:-15px;
margin-left:-10px;
margin-top:-30px;
list-style-type:" ꩜. ";
}