/* 87 */
.primary-color {
  color: #90afc5;
}
.primary-color-2 {
  color: #90afc5;
}
.primary-color-5 {
  color: #66a5ad;
}
.primary-color-19 {
  color: #d09683;
}
.primary-color-30 {
  color: #d0e1f9;
}
.primary-color-34 {
  color: #ebdcb2;
}
.primary-color-52 {
  color: #f8f5f2;
}
.primary-color-58 {
  color: #b9c4c9;
}
.primary-color-69 {
  color: #d4dde1;
}
.primary-color-72 {
  color: #f4ebdb;
}
.primary-color-77 {
  color: #ffffff;
}
.primary-color-78 {
  color: #d5d6d2;
}
.primary-color-81 {
  color: #e1b16a;
}
.primary-color-82 {
  color: #f4f4ef;
}
.primary-color-85 {
  color: #efefef;
}
.primary-color-87 {
  color: #ffffff;
}
.primary-color-89 {
  color: #f1d3bc;
}
.primary-color-90 {
  color: #cdbea7;
}
.primary-color-97 {
  color: #dddede;
}
.secondary-background {
  background-color: #763626;
}
.secondary-background-2 {
  background-color: #763626;
}
.secondary-background-5 {
  background-color: #07575b;
}
.secondary-background-19 {
  background-color: #2d4262;
}
.secondary-background-30 {
  background-color: #283655;
}
.secondary-background-34 {
  background-color: #af4425;
}
.secondary-background-52 {
  background-color: #d70026;
}
.secondary-background-58 {
  background-color: #128277;
}
.secondary-background-69 {
  background-color: #aa4b41;
}
.secondary-background-72 {
  background-color: #537072;
}
.secondary-background-77 {
  background-color: #3a5199;
}
.secondary-background-78 {
  background-color: #ff8d3f;
}
.secondary-background-81 {
  background-color: #ce5a57;
}
.secondary-background-82 {
  background-color: #a01d26;
}
.secondary-background-85 {
  background-color: #594d46;
}
.secondary-background-87 {
  background-color: #962715;
}
.secondary-background-89 {
  background-color: #f34a4a;
}
.secondary-background-90 {
  background-color: #882426;
}
.secondary-background-97 {
  background-color: #a5c05b;
}
.primary-background-gradient {
  background-image: linear-gradient(to right, #b1c7d7, #6f97b3);
}
.primary-background-gradient-2 {
  background-image: linear-gradient(to right, #b1c7d7, #6f97b3);
}
.primary-background-gradient-5 {
  background-image: linear-gradient(to right, #87b9bf, #4e8a92);
}
.primary-background-gradient-19 {
  background-image: linear-gradient(to right, #deb5a8, #c2775e);
}
.primary-background-gradient-30 {
  background-image: linear-gradient(to right, #fdfeff, #a3c4f3);
}
.primary-background-gradient-34 {
  background-image: linear-gradient(to right, #f6eeda, #e0ca8a);
}
.primary-background-gradient-52 {
  background-image: linear-gradient(to right, #ffffff, #e6dcd1);
}
.primary-background-gradient-58 {
  background-image: linear-gradient(to right, #d6dcdf, #9cacb3);
}
.primary-background-gradient-69 {
  background-image: linear-gradient(to right, #f2f5f6, #b6c5cc);
}
.primary-background-gradient-72 {
  background-image: linear-gradient(to right, #ffffff, #e8d5b4);
}
.primary-background-gradient-77 {
  background-image: linear-gradient(to right, #ffffff, #e6e6e6);
}
.primary-background-gradient-78 {
  background-image: linear-gradient(to right, #eeeeed, #bcbeb7);
}
.primary-background-gradient-81 {
  background-image: linear-gradient(to right, #eac794, #d89b40);
}
.primary-background-gradient-82 {
  background-image: linear-gradient(to right, #ffffff, #dfdfd1);
}
.primary-background-gradient-85 {
  background-image: linear-gradient(to right, #ffffff, #d6d6d6);
}
.primary-background-gradient-87 {
  background-image: linear-gradient(to right, #ffffff, #e6e6e6);
}
.primary-background-gradient-89 {
  background-image: linear-gradient(to right, #faefe6, #e8b792);
}
.primary-background-gradient-90 {
  background-image: linear-gradient(to right, #dfd6c8, #bba686);
}
.primary-background-gradient-97 {
  background-image: linear-gradient(to right, #f7f7f7, #c3c5c5);
}
.secondary-background {
  background-color: #763626;
}
.secondary-background-2 {
  background-color: #763626;
}
.secondary-background-5 {
  background-color: #07575b;
}
.secondary-background-19 {
  background-color: #2d4262;
}
.secondary-background-30 {
  background-color: #283655;
}
.secondary-background-34 {
  background-color: #af4425;
}
.secondary-background-52 {
  background-color: #d70026;
}
.secondary-background-58 {
  background-color: #128277;
}
.secondary-background-69 {
  background-color: #aa4b41;
}
.secondary-background-72 {
  background-color: #537072;
}
.secondary-background-77 {
  background-color: #3a5199;
}
.secondary-background-78 {
  background-color: #ff8d3f;
}
.secondary-background-81 {
  background-color: #ce5a57;
}
.secondary-background-82 {
  background-color: #a01d26;
}
.secondary-background-85 {
  background-color: #594d46;
}
.secondary-background-87 {
  background-color: #962715;
}
.secondary-background-89 {
  background-color: #f34a4a;
}
.secondary-background-90 {
  background-color: #882426;
}
.secondary-background-97 {
  background-color: #a5c05b;
}
.tertial-background {
  background-color: #336b87;
}
.tertial-background-2 {
  background-color: #336b87;
}
.tertial-background-5 {
  background-color: #c4dfe6;
}
.tertial-background-19 {
  background-color: #73605b;
}
.tertial-background-30 {
  background-color: #4d648d;
}
.tertial-background-34 {
  background-color: #c9a66b;
}
.tertial-background-52 {
  background-color: #ed883d;
}
.tertial-background-58 {
  background-color: #52958b;
}
.tertial-background-69 {
  background-color: #335252;
}
.tertial-background-72 {
  background-color: #8e9b97;
}
.tertial-background-77 {
  background-color: #d5d6d2;
}
.tertial-background-78 {
  background-color: #756867;
}
.tertial-background-81 {
  background-color: #78a5a3;
}
.tertial-background-82 {
  background-color: #acbebe;
}
.tertial-background-85 {
  background-color: #d1b280;
}
.tertial-background-87 {
  background-color: #bbc3c6;
}
.tertial-background-89 {
  background-color: #615049;
}
.tertial-background-90 {
  background-color: #c29545;
}
.tertial-background-97 {
  background-color: #7ba4a8;
}
.fourth-background {
  background-color: #2a3132;
}
.fourth-background-2 {
  background-color: #2a3132;
}
.fourth-background-5 {
  background-color: #003b46;
}
.fourth-background-19 {
  background-color: #363237;
}
.fourth-background-30 {
  background-color: #1e1f26;
}
.fourth-background-34 {
  background-color: #662e1c;
}
.fourth-background-52 {
  background-color: #000b29;
}
.fourth-background-58 {
  background-color: #004d47;
}
.fourth-background-69 {
  background-color: #2d3033;
}
.fourth-background-72 {
  background-color: #2c4a52;
}
.fourth-background-77 {
  background-color: #2f2e33;
}
.fourth-background-78 {
  background-color: #353c3f;
}
.fourth-background-81 {
  background-color: #444c5c;
}
.fourth-background-82 {
  background-color: #20232a;
}
.fourth-background-85 {
  background-color: #080706;
}
.fourth-background-87 {
  background-color: #1e1e20;
}
.fourth-background-89 {
  background-color: #262f34;
}
.fourth-background-90 {
  background-color: #323030;
}
.fourth-background-97 {
  background-color: #232122;
}
.primary-color {
  color: #90afc5;
  background-color: #763626;
}
.theme-variant-2 {
  color: #90afc5;
  background-color: #763626;
}
.theme-variant-5 {
  color: #66a5ad;
  background-color: #07575b;
}
.theme-variant-19 {
  color: #d09683;
  background-color: #2d4262;
}
.theme-variant-30 {
  color: #d0e1f9;
  background-color: #283655;
}
.theme-variant-34 {
  color: #ebdcb2;
  background-color: #2d4262;
}
.theme-variant-52 {
  color: #f8f5f2;
  background-color: #d70026;
}
.theme-variant-58 {
  color: #b9c4c9;
  background-color: #128277;
}
.theme-variant-69 {
  color: #d4dde1;
  background-color: #aa4b41;
}
.theme-variant-72 {
  color: #f4ebdb;
  background-color: #537072;
}
.theme-variant-77 {
  color: #ffffff;
  background-color: #3a5199;
}
.theme-variant-78 {
  color: #d5d6d2;
  background-color: #ff8d3f;
}
.theme-variant-81 {
  color: #e1b16a;
  background-color: #ce5a57;
}
.theme-variant-82 {
  color: #f4f4ef;
  background-color: #a01d26;
}
.theme-variant-85 {
  color: #efefef;
  background-color: #594d46;
}
.theme-variant-87 {
  color: #ffffff;
  background-color: #962715;
}
.theme-variant-89 {
  color: #f1d3bc;
  background-color: #f34a4a;
}
.theme-variant-90 {
  color: #cdbea7;
  background-color: #882426;
}
.theme-variant-97 {
  color: #dddede;
  background-color: #a5c05b;
}
@font-face {
  font-family: "OpenSans";
  src: url('../resources/fonts/OpenSans/OpenSans-Light.ttf') format('truetype');
  font-weight: lighter;
}
@font-face {
  font-family: "OpenSans";
  src: url('../resources/fonts/OpenSans/OpenSans-LightItalic.ttf') format('truetype');
  font-weight: lighter;
  font-style: italic;
}
@font-face {
  font-family: "OpenSans";
  src: url('../resources/fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
  font-weight: bold;
}
@font-face {
  font-family: "OpenSans";
  src: url('../resources/fonts/OpenSans/OpenSans-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "OpenSans";
  src: url('../resources/fonts/OpenSans/OpenSans-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "OpenSans";
  src: url('../resources/fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
  font-weight: normal;
}
#top {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  padding: 20px;
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: center;
  border-style: none none solid none;
  border-color: #fdfdfd;
  border-width: 1px;
}
#title-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
#title {
  font-size: 2.5em;
}
#sub-title {
  font-size: 1em;
  text-align: center;
}
#coordinate-section {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 0.9em;
}
#language-block {
  padding: 0 0 5px 0;
  text-align: right;
}
.language-item-selected {
  color: #cccccc;
}
#content {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
#intro {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 50px 4%;
}
#digest {
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding: 20px 4%;
}
.digest-block {
  display: flex;
  flex-direction: column;
}
.digest-block-title {
  padding: 5px 10px;
  text-align: center;
  font-size: 1.6em;
}
.digest-block-body {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.digest-block-stripe {
  height: 10px;
}
.digest-block-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  padding: 20px;
  color: #333333;
}
/* Variants */
#theme-variant-section {
  position: relative;
  padding: 0 4%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 10px;
  font-size: 0.8em;
}
#theme-current-variant-block {
  display: flex;
  flex-direction: row;
  gap: 5px;
  cursor: pointer;
  padding: 5px 10px;
}
.theme-variant-container,
.theme-variant-container-hidden {
  position: absolute;
  bottom: 0;
  right: 4%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
  background-color: #fdfdfd;
  color: #333333;
  border-radius: 4px;
  transition: max-height 0.8s ease-out;
}
.theme-variant-container {
  padding: 5px;
  max-height: 800px;
}
.theme-variant-container-hidden {
  max-height: 0;
}
.theme-variant {
  text-align: center;
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
}
/* Footer */
#footer {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-style: solid none none none;
  border-color: #fdfdfd;
  border-width: 1px;
  text-align: right;
  font-size: 0.8em;
}
/* Effects */
.effect-top-line {
  background-color: #763626;
  z-index: 9;
}
.effect-bottom-line {
  background-color: #763626;
  z-index: 9;
}
@media only screen and (max-width: 400px) {
  #title-section {
    align-items: flex-start;
  }
}