html {
  font-size: 16px;
}

main {
  font: 16px sans-serif;
  background-color: #39322f;
  overflow-x: hidden;
}

body {
  background-color: #39322f;
}

a {
  color: #743065;
}

.header {
  width: 110%;
  transform: translate(-5%, -5%);
  padding-top: 2rem;
  padding-bottom: 1rem;
  background-color: #39322f;
  color: #ebe9e8;
  font-family: "Funnel Display", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.header .header-rest-container {
  padding: 20px;
  font-size: 3rem;
  text-align: center;
}
.header .header-rest-container .header-rest-number {
  color: #6cce9f;
  font-size: 6rem;
}
.header .carousel {
  padding-bottom: 1rem;
}
.header .carousel-title {
  font-size: 2rem;
  text-align: center;
}
.header .carousel > .carousel-item {
  position: absolute;
  width: 33%;
  animation: slidehorizontal 3s infinite;
  font-size: 1.5rem;
  text-align: center;
  color: #6cce9f;
}
@keyframes slidehorizontal {
  0% {
    left: 84%; /* Starting position: 0px from the top */
  }
  33% {
    left: 33%; /* Starting position: 0px from the top */
  }
  66% {
    left: 33%; /* Starting position: 0px from the top */
  }
  100% {
    left: -16%; /* Ending position: 200px from the top */
  }
}

.selector-buttons-container .selector-buttons-content {
  margin: 0 auto;
  display: grid;
  place-items: center;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 45rem;
  padding: 1rem;
}
.selector-buttons-container .selector-buttons-content .selector-button {
  border-radius: 1rem;
  margin-bottom: 1rem;
  width: 4rem;
  height: 4rem;
  background-size: cover;
  background-color: #7b716d;
}
.selector-buttons-container .selector-buttons-content .selector-button.star {
  background-image: url("./../images/np_stars_6965969_39322F.svg");
}
.selector-buttons-container .selector-buttons-content .selector-button.moon {
  background-image: url("./../images/np_moon-cloud_4324381_39322F.svg");
}
.selector-buttons-container .selector-buttons-content .selector-button.flower {
  background-image: url("./../images/np_flower_2145241_39322F.svg");
}
.selector-buttons-container .selector-buttons-content .selector-button.cat {
  background-image: url("./../images/np_sleeping-cat_2875907_39322F.svg");
}
.selector-buttons-container .selector-buttons-content .selector-button.clock {
  background-image: url("./../images/np_clock_5546049_39322F.svg");
}
.selector-buttons-container .selector-buttons-content .selector-button.leaf {
  background-image: url("./../images/np_leaf_342667_39322F.svg");
}
.selector-buttons-container .selector-buttons-content .selector-button.sunset {
  background-image: url("./../images/np_sunset_7547980_39322F.svg");
}
.selector-buttons-container .selector-buttons-content .selector-button.face {
  background-image: url("./../images/np_sleep-face_5232805_39322F.svg");
}
.selector-buttons-container .selector-buttons-content .selector-button.clicked {
  background-color: #6cce9f;
}

.table {
  display: grid;
  max-width: 1100px;
  place-items: center;
  grid-template-columns: 1fr 1fr 8fr;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #39322f;
}
.table .entry {
  padding: 10px;
  font-size: 2rem;
}
.table .entry.artifact-icon {
  width: 1rem;
  height: 1rem;
  background-size: cover;
}
.table .entry.artifact-icon.star {
  background-image: url("./../images/np_stars_6965969_39322F.svg");
}
.table .entry.artifact-icon.moon {
  background-image: url("./../images/np_moon-cloud_4324381_39322F.svg");
}
.table .entry.artifact-icon.flower {
  background-image: url("./../images/np_flower_2145241_39322F.svg");
}
.table .entry.artifact-icon.cat {
  background-image: url("./../images/np_sleeping-cat_2875907_39322F.svg");
}
.table .entry.artifact-icon.clock {
  background-image: url("./../images/np_clock_5546049_39322F.svg");
}
.table .entry.artifact-icon.leaf {
  background-image: url("./../images/np_leaf_342667_39322F.svg");
}
.table .entry.artifact-icon.sunset {
  background-image: url("./../images/np_sunset_7547980_39322F.svg");
}
.table .entry.artifact-icon.face {
  background-image: url("./../images/np_sleep-face_5232805_39322F.svg");
}
.table .entry.inactive {
  display: none;
}

.form-container {
  width: 80%;
  position: relative;
}
.form-container .form-subtitle {
  font-size: 1rem;
  color: #39322f;
}
.form-container label {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #39322f;
  font-size: 2rem;
}
.form-container input {
  height: 3rem;
  font-size: 2rem;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
  background-color: #f7fbf9;
  border: none;
  border-radius: 0.5rem;
}
.form-container input[type=number] {
  width: 4rem;
}
.form-container input[type=text] {
  width: 100%;
}
.form-container input[type=submit] {
  font-family: "Funnel Display", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  padding: 1rem;
  height: 5rem;
  width: 100%;
  border-radius: 2rem;
  background-color: #743065;
  color: #f7fbf9;
}
.form-container select {
  height: 3rem;
  font-size: 2rem;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.section-subsection {
  padding-bottom: 3rem;
  background-color: #cfe1d8;
  padding: 2rem;
  margin-bottom: 3rem;
  border-radius: 2rem;
  display: grid;
  place-items: center;
}

.section-container {
  background-color: #39322f;
  border-radius: 2rem;
}

.section {
  margin: 2rem;
  padding: 1rem;
  border-radius: 2rem;
}
.section.inactive {
  display: none;
}

.section-subtitle {
  width: 100%;
  font-size: 2rem;
  text-align: center;
  color: #39322f;
  border-bottom: 1px solid #39322f;
  font-family: "Funnel Display", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  padding-top: 2rem;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}

.footer {
  padding-bottom: 5rem;
  display: grid;
  align-items: center;
}
.footer .footer-text {
  color: #f7fbf9;
  font-family: "Funnel Display", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  text-align: center;
  font-size: 1rem;
}

.menubar .button {
  box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.1215686275);
  position: fixed;
  bottom: 0;
  width: 110%;
  transform: translate(-5%);
  height: 5rem;
  text-align: center;
  color: #f7fbf9;
  font-size: 2rem;
  font-family: "Funnel Display", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menubar .button.inactive {
  display: none;
}
.menubar .button.form {
  background-color: #743065;
}
.menubar .button.data {
  background-color: #6cce9f;
}

@media (max-width: 768px) {
  html {
    font-size: 2vw;
  }
  .table {
    max-width: 750px;
  }
  .selector-buttons-container .selector-buttons-content {
    width: 60vw;
    padding: 2vw;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .selector-buttons-container .selector-buttons-content .selector-button {
    border-radius: 2vw;
    margin-bottom: 2vw;
    width: 8vw;
    height: 8vw;
  }
}

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