body {
  margin: 0;
  padding: 0;
}

.layout {
  position: relative;
  width: 100vw;
  height: 100vh;

  background-image: url("https://res.cloudinary.com/dgq1mei5q/image/upload/v1768781637/taigatta_website_2._1_copy_hnvpwe.png");
  background-size: cover;
  background-position: center;
}
.home-button {
  position: absolute;

  left: 13%; /*math is hard. try and recreate this for the blog section later.*/
  top: 47.1%;

  transform: translate(-50%, -50%);
}
.home-button img {
  width: 8%;
  min-width: 70px;
  max-width: 240px;
  height: auto;
}
/*WIGGLING STUFF*/
@keyframes wiggle {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(-2px, -2px) rotate(-1deg);
  }
  50% {
    transform: translate(2px, 2px) rotate(1deg);
  }
  75% {
    transform: translate(-2px, 2px) rotate(-1deg);
  }
}
.wiggle-image:hover {
  animation: wiggle 0.5s infinite;
}