/* fonts */
/* font sizes */
/* Colors */
/* Paddings */
body {
  max-width: 400px;
  margin: 0 auto;
  background-color: #131313;
  font-family: "Inter", sans-serif;
  color: #bdbdbd;
}

.section {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
}

h1 {
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 40px;
  font-weight: 900;
}

p,
div {
  font-size: 16px;
  font-weight: 300;
}

.nav,
.footer {
  background-color: #1e1e1e;
  padding: 16px;
}

.nav {
  display: flex;
  justify-content: flex-end;
}

.footer {
  font-size: 12px;
}

.font-smaller {
  font-size: smaller;
}

.reduced-margin {
  margin-bottom: 10px;
}

a {
  color: #bdbdbd;
  text-decoration: none;
}

a:hover {
  color: #1c7076;
}

.svg-icon {
  fill: #575757;
}

.navbar {
  overflow: hidden;
}

.dropdown {
  overflow: hidden;
  cursor: pointer;
  font-size: 16px;
  border: none;
  outline: none;
  margin: 0;
}

.navbtn {
  width: 40px;
  height: 40px;
  cursor: pointer;
  padding: 2px 4px;
  background-color: transparent;
  outline: none;
  border: none;
}

.navbar a:hover svg,
.dropdown:hover svg,
.dropbtn:hover svg,
.navbtn:hover svg {
  fill: #1c7076;
}

.dropdown-wrapper {
  position: absolute;
}

.dropdown-content {
  display: none;
  position: absolute;
  left: -44px;
  margin-top: 16px;
  background-color: #131313;
  min-width: 90px;
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: #bdbdbd;
  padding: 12px 16px;
  border-bottom: 1px solid #1e1e1e;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #1c7076;
}

.show {
  display: block;
}

.cat-image {
  max-width: 80%;
  max-height: 363px;
  width: 290px;
  height: auto;
  margin: 0 auto;
  object-fit: cover;
}

.cat-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cat-details {
  margin: 10px 0 0 0;
  text-align: center;
}
.cat-details .chipped {
  display: none;
}

.vet-callout {
  font-size: 12px;
}
.vet-callout .medical-attn {
  font-style: italic;
  font-weight: 300;
}
.vet-callout .vet-contact {
  font-weight: 600;
}

.home .owner-info {
  padding-left: 0;
}
.home .owner-info .owner-callout {
  display: none;
}
.home .cat-list .cat-info .cat-details .chipped {
  display: inline;
}
.home .cat-list .cat-info .cat-details .chip-info,
.home .cat-list .cat-info .cat-details .cat-weight,
.home .cat-list .cat-info .cat-details .cat-age {
  display: none;
}
.home .vet p {
  margin-bottom: 0;
}
.home .vet .medical-attn,
.home .vet .vet-text {
  display: none;
}
.home .vet .section.vet-info {
  padding-left: 0;
}
.home .vet .vet-contact {
  font-weight: 600;
  font-size: 16px;
}

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