body {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  justify-items: center;
}

#homeBody {
  background: radial-gradient(circle, #C2F3FF, #63DDFF);
}

#blogBody {
  background: radial-gradient(circle, #ABFFD3, #3DFF9D);
}

#topbanner {
  border-radius: 20px;
  background-color: #ABFFD3;
  width: 100%;
  padding-bottom: 30px;
  text-align: center;
}

.menubutton {
  background-color: #63DDFF;
  transition: background-color 0.2s;
  text-decoration: none;
  padding: 10px 20px 10px 20px;
  margin: 0 10px 0 10px;
  border-radius: 20px;
}

.menubutton:hover {
  background-color: #5effa6;
}

#postlist a, #lastPosts a, #lastPosts h3 {
  display: block;
  width: 90%;
  justify-self: center;
}

#homecontent {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#wellcome, #lastPosts {
  background-color: #ABFFD3;
  border-radius: 20px;
}

#wellcome {
  width: 70%;
  padding: 30px 0 30px 0;
  justify-items: center;
}

#wellcome p {
  width: 90%;
}

#lastPosts {
  width: 25%;
  height: fit-content;
  padding: 30px 0 30px 0;
}