body {
  background-color: #6b969e;
}

.section-title, .section-nav, .section-content, .section-footer {
  background-color: #c6dfe4;
  max-width: 800px;
  margin: auto;
  padding: 15px 40px 15px 40px;
}

.section-title {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-top: 45px;
  padding-bottom: 10px;
}
.section-title * {
  padding: 2px;
}
.section-title h1 {
  margin: 0;
}
.section-title p {
  margin: 0;
  padding: 0;
}

body, button, a {
  font-family: "Times New Roman", Times, Serif;
}

.content-dropdown,
.button-dropdown {
  box-sizing: border-box;
}

nav {
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-dropdown {
  display: inline-block;
  padding: 6px 3px;
  position: relative;
}

.nav-regular {
  display: inline-block;
  padding: 6px 3px;
}

.nav-button {
  background-color: #c6dfe4;
  color: black;
  font-size: 16px;
  border: black solid 1px;
  cursor: pointer;
  width: 90px;
  height: 35px;
}
.nav-button:hover {
  background-color: black;
  color: white;
  font-size: 24px;
}

.content-dropdown {
  background-color: #c6dfe4;
  color: black;
  font-size: 16px;
  border: black solid 1px;
  cursor: pointer;
  display: none;
  position: absolute;
  width: 90px;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.content-dropdown a {
  padding: 2px;
  text-decoration: none;
  color: black;
  display: block;
}
.content-dropdown a:hover {
  background-color: black;
  color: white;
  text-decoration: none;
}

.show {
  display: block;
}

.w20, img.pc20 {
  max-width: 20%;
}

.w30, img.pc30 {
  max-width: 30%;
}

.w40, img.pc40 {
  max-width: 40%;
}

.w50, img.pc50 {
  max-width: 50%;
}

.w60, img.pc60 {
  max-width: 60%;
}

.w70, img.pc70 {
  max-width: 70%;
}

.w80, img.pc80 {
  max-width: 80%;
}

.w90, img.pc90 {
  max-width: 90%;
}

.w100, img.pc100 {
  max-width: 100%;
}

.image-container {
  display: flex;
  margin: 0;
}
.image-container .img20 {
  max-width: 20%;
}
.image-container .img30 {
  max-width: 30%;
}
.image-container .img40 {
  max-width: 40%;
}
.image-container .img45 {
  max-width: 45%;
}
.image-container .img50 {
  max-width: 50%;
}
.image-container .img60 {
  max-width: 60%;
}
.image-container .img70 {
  max-width: 70%;
}
.image-container .img80 {
  max-width: 80%;
}
.image-container .img90 {
  max-width: 90%;
}
.image-container .img100 {
  max-width: 100%;
}
.image-container div p {
  margin: 0;
  padding: 0 10px 0 0;
  text-align: right;
}

.image-col {
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 15px;
}
.image-col .img20 {
  max-width: 20%;
}
.image-col .img30 {
  max-width: 30%;
}
.image-col .img40 {
  max-width: 40%;
}
.image-col .img45 {
  max-width: 45%;
}
.image-col .img50 {
  max-width: 50%;
}
.image-col .img60 {
  max-width: 60%;
}
.image-col .img70 {
  max-width: 70%;
}
.image-col .img80 {
  max-width: 80%;
}
.image-col .img90 {
  max-width: 90%;
}
.image-col .img100 {
  max-width: 100%;
}

.row {
  display: flex;
  flex-direction: row;
  -moz-column-gap: 20px;
       column-gap: 20px;
  padding: 10px 0px;
}

.col {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

.just-up {
  justify-content: flex-start;
}

.just-ctr {
  justify-content: center;
}

.just-dist {
  justify-content: space-between;
}

.just-down {
  justify-content: flex-end;
}

.align-up {
  align-items: flex-start;
}

.align-ctr {
  align-items: center;
}

.align-down {
  align-items: flex-end;
}

img.b {
  border: solid 1px black;
  height: auto;
  box-sizing: border-box;
}/*# sourceMappingURL=main.css.map */