* {
  box-sizing: border-box;
}

a,
a:active,
a:visited {
  color: #397ade;
}

body {
  width: calc(100% - 1rem);
}
body > * {
  margin: 0rem auto;
}
body header,
body footer {
  text-align: center;
}
body header {
  margin: 0rem auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  width: 840px;
  min-height: 76px;
  gap: 0.75rem;
}
body header div.header__brand {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  flex: 1 1 0;
  min-width: 0;
}
body header div.header__brand div.header__text {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.125rem;
  text-align: left;
}
body header div.header__brand div.header__text > * {
  margin: 0rem;
}
body header div.header__brand div.header__text h3 {
  color: red;
}
body header form.header__login,
body header div.header__login.active__user,
body header form.header__search {
  flex: 1 1 0;
  min-width: 0;
}
body header form.header__search {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  margin: 0rem;
}
body header form.header__search div.form__inputs {
  margin: 0rem;
  padding: 0rem;
  display: flex;
  flex-flow: row nowrap;
  gap: 0.25rem;
}
body header form.header__search input[type=text] {
  width: 150px;
  padding: 0.125rem;
}
body header form.header__login {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  margin: 0rem;
}
body header form.header__login div.header__login__top {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
body header form.header__login div.header__login__fields {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.125rem;
}
body header form.header__login div.header__login__field {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 0.25rem;
}
body header form.header__login div.header__login__field label {
  font-size: 0.75rem;
  font-weight: bold;
  min-width: 2.25rem;
  text-align: right;
}
body header form.header__login div.header__login__field input[type=text],
body header form.header__login div.header__login__field input[type=password] {
  width: 110px;
  padding: 0.125rem;
}
body header form.header__login input[type=submit] {
  padding: 0.125rem 0.5rem;
  white-space: nowrap;
}
body header form.header__login div.header__login__links {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
body header form.header__login div.header__login__links a {
  font-size: 0.75rem;
  white-space: nowrap;
}
body header div.header__login.active__user {
  display: flex;
  justify-content: center;
  align-items: center;
}
body header div.header__login.active__user p {
  margin: 0rem;
  text-align: center;
}
body header img {
  height: 40px;
}
body main {
  margin: 0rem auto;
  width: 840px;
  padding: 0rem;
  background-color: #d0d5df;
  text-align: center;
}
body main p {
  margin: 0rem auto;
}
body main > p,
body main > div > p {
  margin: 0.125rem;
}
body main div.gallery {
  display: flex;
  flex-flow: row wrap;
  background-color: #b0c0d0;
  margin: 0rem;
  padding: 0rem;
  min-width: 100%;
}
body main div.gallery div.gallery__item {
  width: 16.6666666667%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  padding: 0.125rem;
  margin: 0rem;
  gap: 0.25rem;
}
body main div.gallery div.gallery__item p {
  color: #c00000;
  font-weight: bold;
}
body footer {
  margin: 1rem auto;
  width: 480px;
}
body footer p {
  margin: 0.25rem 0rem;
  font-size: 0.75rem;
}
body footer a,
body footer a:visited {
  color: black;
}
body div#lower {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-start;
  align-content: stretch;
  margin: 1rem auto;
  padding: 0rem;
  max-width: 840px;
}
body div#lower div {
  width: 50%;
  margin: 0rem;
}
body div#lower div div#partners {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem auto;
  padding: 0rem;
  min-width: 100%;
}
body div#lower div div#partners a {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  max-width: 240px;
  color: black;
  text-decoration: none;
}
body div#lower div div#partners a p {
  text-align: center;
  margin: 0rem;
}
body div#lower div#tags p {
  text-align: center;
  margin: 0rem auto 0.75rem auto;
  width: 50% !important;
}
body div#lower div#tags div#tags__list {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
body div.active__user p {
  margin: 0rem;
  text-align: center;
}
body div.login__info {
  font-weight: bold;
}
@media (max-width: 900px) {
  body header,
  body main,
  body div#lower,
  body div#partners {
    width: 100%;
  }
  body header {
    flex-flow: row wrap;
    justify-content: center;
  }
  body header div.header__brand {
    flex: 1 1 100%;
    justify-content: center;
  }
  body header div.header__brand div.header__text {
    align-items: left;
  }
  body header form.header__login,
  body header div.header__login.active__user,
  body header form.header__search {
    flex: 1 1 100%;
    justify-content: center;
  }
  body header form.header__search input[type=text] {
    width: 160px;
  }
  body header form.header__login {
    align-items: center;
  }
  body header form.header__login div.header__login__top {
    flex-flow: row wrap;
    justify-content: center;
  }
  body header form.header__login div.header__login__links {
    justify-content: center;
    flex-flow: row wrap;
  }
}/*# sourceMappingURL=main.css.map */