main {
  margin-top: 15px;
  margin-bottom: 15px;
}

body {
  background-image: url("/assets/bee-4b083253.svg");
  background-position: center top 85px;
  background-repeat: no-repeat;
  background-size: 80%;
  background-attachment: fixed;

  transition: background-color 0.5s ease;
}

body.clear {
  background-image: none;
  width: 100vw;
  height: 100vh;
}

body.black {
  background-color: #000;
}

body.white {
  background-color: #fff;
}

body.red {
  background-color: #f00;
}

body.green {
  background-color: #0f0;
}

body.blue {
  background-color: #00f;
}

.bg-loosely {
  /* background: rgb(51,51,51); */
  /* background: linear-gradient(0deg, rgba(51,51,51,0.75) 0%, rgba(51,51,51,0.4) 26%, rgba(51,51,51,0.1) 100%); */
  background: linear-gradient(0deg,
    rgba(51,51,51,0.0) 0%,
    rgba(51,51,51,0.25) 15%,
    rgba(51,51,51,0.25) 85%,
    rgba(51,51,51,0.50) 100%
  );
  border: 0;
  border-radius: 4px;
}