@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,800;1,400;1,800&display=swap");
html,
body {
  margin: 0;
  padding: 0;
  color: #3a3a3a;
}

* {
  font-family: "Montserrat", sans-serif;
  box-sizing: border-box;
}
*:not(html, document, header, body, meta, title, link, script, style, .glider-track, .adopt-card, .adopt-card *, .adopt-panel, .adopt-panel *) {
  display: flex;
  flex-direction: column;
}

a {
  text-decoration: none;
  text-transform: uppercase;
}

h1,
span {
  line-height: 1.5em;
}

h1 {
  font-weight: 900;
}

nav#fix_header {
  position: fixed;
  flex-direction: row;
  justify-content: space-between;
  width: 100vw;
  padding: 1em 2em;
  transition: background 0.25s;
  z-index: 1000;
}
nav#fix_header.scrolled {
  background: #04098b;
}
nav#fix_header #links {
  flex-direction: row;
  justify-content: space-between;
  place-items: center;
}
nav#fix_header #links a {
  text-decoration: none;
  padding: 1em 2em;
  color: #f5f5f5;
  border-radius: 0.5em;
  text-transform: uppercase;
}
@media screen and (max-width: 500px) {
  nav#fix_header #links a {
    font-size: 8pt;
  }
}
nav#fix_header #links a.highlight {
  background: #f26524;
}
@media screen and (max-width: 600px) {
  nav#fix_header #links a.highlight:not(.mobile) {
    display: none;
  }
}
@media screen and (min-width: 600px) {
  nav#fix_header #links a.highlight.mobile {
    display: none;
  }
}
nav#fix_header #logo {
  height: 50px;
  margin: auto;
}

section {
  width: 100%;
  min-height: 100vh;
  justify-content: center;
  place-items: center;
}

#rodape {
  flex-direction: row;
  height: max-content;
  min-height: max-content;
  padding: 4em 0;
  background: #3a3a3a;
  color: #f5f5f5;
  align-items: flex-start;
  justify-content: space-around;
}
@media screen and (max-width: 700px) {
  #rodape {
    flex-direction: column;
    justify-content: flex-start;
    padding: 2em;
  }
}
#rodape .col {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 1em;
}
#rodape .col h1 {
  margin: 0;
}
#rodape .col a {
  color: #f5f5f5;
  margin: 0.5em 0;
}
#rodape .col#redes {
  flex-direction: row;
  align-items: center;
}
#rodape .col#redes a {
  padding: 0.5em;
  margin: 0.5em;
}

/*# sourceMappingURL=base.css.map */