@import url("https://fonts.googleapis.com/css2?family=Bubblegum+Sans&display=swap");
@import url("https://fonts.googleapis.com/css?family=Carter+One&display=swap");
@import url("https://fonts.googleapis.com/css?family=Carter+One&display=swap");
@import url("https://fonts.googleapis.com/css?family=Baloo+Da&display=swap");
@import url("https://fonts.googleapis.com/css?family=Acme&display=swap");
@import url("https://fonts.googleapis.com/css?family=Quicksand&display=swap");
@import url("https://fonts.googleapis.com/css?family=McLaren&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Merienda:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nova+Square&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bangers&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Skranji&display=swap");
@import url("https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Signika:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playwrite+IT+Moderna:wght@100..400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap");
.footer {
  grid-area: footer;
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(40px, 1fr) 1fr minmax(40px, 1fr);
  text-align: center;
  background-color: #001858;
  color: #fff;
  align-items: center;
  background: linear-gradient(to bottom, rgba(0, 24, 88, 0.85), rgba(0, 51, 204, 0.85));
}

.footer img {
  width: 60px;
}

.footer span {
  font-family: "Carter One", cursive;
  font-size: 1.2rem;
}

.footer p {
  font-size: 1rem;
  font-family: "Bubblegum Sans", cursive;
}

.footer div {
  padding: 0.5rem;
}

@media only screen and (max-width: 800px) {
  .footer {
    grid-template-columns: minmax(40px, 1fr) 1fr minmax(40px, 1fr);
  }
  .footer img {
    margin-top: 0.5rem;
    width: 40px;
  }
  .footer div {
    padding: 0.1rem;
  }
}/*# sourceMappingURL=footer.css.map */