.arrow-container {
  display: none;
}
@media (min-width: 767.8px) {
  .arrow-container {
    display: block;
    position: absolute;
    transition: all 2s cubic-bezier(.27, .21, 1, .11)
  }
  .arrow {
    background-color: black;
  }
  .arrow-container p {
    font-family: 'Permanent Marker', cursive;
    display: block;
    margin-top: 1vh;
  }
  .arrow-container.removed {
    bottom: 0 !important;
  }
}
:root {
  --bg-color: #ebebeb;
}
body {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  background-color: var(--bg-color);
}
div.title-wrapper {
  filter: drop-shadow(-1px 6px 3px black);
  display: flex;
  flex-direction: column;
  max-width: 50%;
}
h1 {
  font-family: 'Permanent Marker', cursive;
  font-size: 3rem;
  align-self: center;
  clip-path: polygon(16% 35%, 0 0, 56% 21%, 78% 0, 82% 21%, 100% 16%, 85% 46%, 85% 78%, 63% 61%, 36% 93%, 33% 61%, 0 76%, 17% 45%);
  text-align: center;
  padding: 10vh 15vw 20vh 15vw;
  background-color: white;
  color: black;
}
a {
  font-family: 'Lato', sans-serif;
}
nav.links {
  width: 50%;
  display: flex;
  justify-content: space-evenly;
}