@import url("https://fonts.googleapis.com/css2?family=Bangers&display=swap");

@font-face {
  font-family: "moonglade";
  src: url("../assets/fonts/Hey\ Comic.otf");
}

body {
  margin: 0;
  background:
    linear-gradient(45deg, rgba(222, 6, 6), rgba(0, 127, 215)), rgba(63, 63, 63);
  font-family: "moonglade";
}

.main {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  gap: 15px;
  color: white;
  background-image: url("https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fassets.stickpng.com%2Fimages%2F580b57fbd9996e24bc43bc75.png&f=1&nofb=1&ipt=28a58e98ebb14bc1babd2efae4442abc07569edddda010c9840e445f87bc2e3d");
  background-size: contain;
  background-repeat: no-repeat;
}

main {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 75%;
  text-align: justify;
  gap: 15px;
  font-size: 1rem;
}

img {
  width: 100%;
}

#title {
  font-size: 3rem;
  font-family: "Bangers";
  text-shadow: 5px 5px black;
}

a {
  text-decoration: none;
  font-size: 2rem;
  color: white;
}