* {
  color: White;
  font-family: cursive;
}
body {
  background-color: #21d4fd;
  background-image: linear-gradient(90deg, #04d1ff 0%, #af03ff 100%);
}
header {
  border-bottom: 5px solid white;
}
.homepage {
  text-align: right;
  margin-right: 320px;
}
.homebutton {
  background: #343a40;
  width: 25vh;
  border-style: inherit;
  border-radius: 2rem;
  height: 5vh;
}
.homebutton:hover {
  background: #343a40;
  width: 25vh;
  border-style: inherit;
  border-radius: 2rem;
  height: 5vh;
  filter: brightness(0.8);
}
@media screen and (max-width: 800px) {
  .left,
  .main,
  .right {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
  }
  * {
    font-family: hammerhead;
  }
  .col-sm-6 {
    margin-bottom: 4vh;
  }
  .homepage {
    margin-left: 30px;
  }
}