body {
  background-image: url("https://file.garden/aOg0z_FhxWt7Kcnq/Snow%20BG");
  background-position: top right;
  background-size: 300px;
  font-family: courier;
}
.layout {
  width: 100%;
  display: grid;
  grid: "sidebar body" 1fr / auto 1fr;
  gap: 8px;
}
.sidebar {
  background-color: #bee4ff;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='15' ry='15' stroke='black' stroke-width='5' stroke-dasharray='2%2c 8' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  border-radius: 15px;
  box-shadow: 30px 24px 16px 0px #25599221;
  text-align: center;
  padding: 40px;
}
.body {
  background-color: #bee4ff;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='15' ry='15' stroke='black' stroke-width='5' stroke-dasharray='2%2c 8' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  border-radius: 15px;
  box-shadow: 30px 24px 16px 0px #25599221;
  text-align: center;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 130px;
  font-weight: bold;
}
a {
  text-decoration: none;
  border-radius: 10px;
  cursor: pointer;
  padding: 8px 16px;
}
a:hover {
  background-color: #708acf;
  color: white;
}
a:active {
  background-color: #000000;
  color: white;
}