@import url('https://fonts.googleapis.com/css2?family=Pirata+One&display=swap');

body {
  margin: 0;
  height: 100vh;
  background-color: #272822;
  color: #f8f8f2;
  font-family: 'Pirata One', cursive;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-45deg, #3c0023, #5b1731, #075747, #01132f);
  background-size: 400% 400%;
  animation: gradient 45s ease infinite;
}

h1 {
  font-size: 3rem;
  margin-bottom: 1rem;
  color: #f8f8f2;
}

h2 {
  font-size: 2rem;
  margin: 0 0 2rem 0;
}

nav a {
  color: #fd971f;
  text-decoration: none;
  margin: 0 10px;
  font-size: 1.2rem;
}

nav a:hover {
  text-decoration: underline;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}