:root {
  --almost-black: #10092c;
  --dark-purple: #301d79;
  --dark-pink: #6a4960;
  --purple: #4a4f96;
  --diffuse-pink: #d3becd;
  --light-pink: #f3edf9;
  --white: #fff;
  --black: #000;
}
.hide,
.hide-in-mobile,
#menu_checkbox,
.nav__header {
  display: none;
}
body {
  margin: 0;
  overscroll-behavior: none;
}
ul {
  padding-inline-start: 0;
  list-style-type: none;
  white-space: nowrap;
}
.main__get-involved,
.section__this-month,
.section__up-coming,
.section__exhibitions,
.section__visit-us_top,
.section__visit-us_additional-info,
.section__explore,
.nav__up-coming-events,
.nav__permanent-exhibitions {
  padding: 2rem;
}
.main__events-and-exhibitions,
.main__visit-us {
  background: 100% no-repeat url(/images_compressed/background_gradient_compressed.jpg);
  background-size: cover;
  background-position: top;
}
.main__get-involved,
.main__contact-us {
  background: 100% no-repeat url(/images_compressed/background_get-involved_compressed.jpg);
  background-size: cover;
  background-position: top;
}
.section__this-month {
  background: 100% no-repeat url(../images_compressed/hero_background_compressed.jpg);
  background-position: top;
  background-size: 200%;
  background-color: var(--light-pink);
}
.main__contact-us {
  padding: 2rem;
}
.main__visit-us .openinghours {
  margin-bottom: 2rem;
}
.menu_dropdown,
.section__this-month,
.section__explore,
.section__up-coming,
.section__exhibitions,
.section__visit-us_additional-info,
.section__get-involved,
.card__exhibitions,
.card__this-month,
.card__info-small,
.card__up-coming_info,
.card__get-involved,
.quote__up-coming {
  display: flex;
  flex-direction: column;
}
.menu_dropdown,
.section__this-month,
.section__explore,
.section__up-coming,
.section__exhibitions,
.section__visit-us_additional-info,
.section__get-involved,
.card__exhibitions,
.card__this-month,
.card__info-small {
  align-items: center;
}
.logo-some_footer,
.main__contact-us,
.card__info-small,
.nav__up-coming-events,
.nav__permanent-exhibitions,
.slogan__hero,
.slogan__cube,
.btn__background_1,
.btn__background_2,
.btn__background_3 {
  text-align: center;
}

/* ------ HEADER ------ */
header {
  position: relative;
  padding: 25px;
  max-width: 100%;
  background: var(--almost-black);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.btn_home {
  color: var(--white);
  font-family: "Iceland";
  text-transform: uppercase;
  font-size: 1rem;
  text-decoration: underline;
  text-decoration-thickness: 0.5px;
  text-underline-offset: 2px;
}
.logo {
  background: no-repeat url(../images_compressed/logo_mobile_white.png);
  width: 71px;
  height: 33px;
  background-size: 100%;
}
.menu_wrapper {
  padding-right: 16.7px;
}
.menu_icon i {
  font-size: 1.5rem;
  color: var(--white);
}
#menu_checkbox:checked ~ nav {
  display: block;
}
.nav__header {
  position: absolute;
  left: 0;
  background: var(--light-pink);
  top: 83px;
  width: 100%;
  box-shadow: 10px 10px 10px rgba(0, 10, 255, 0.1);
}
.menu_dropdown {
  max-width: 100%;
  align-items: stretch;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 1rem 0;
}

/* ------ FOOTER ------ */
footer {
  background: 100% no-repeat url(../images_compressed/footer_background_compressed.jpg);
  padding: 2rem;
  background-position: top;
  background-size: cover;
}
.nav__footer {
  margin: 2rem 0;
}
.logo-some_footer {
  padding-top: 2rem;
}
.logo_footer {
  width: 35%;
  display: block;
  margin: auto;
}
.logo-some_footer a {
  padding: 0.5rem;
  margin: 2rem 0.5rem;
  display: inline-block;
}
.fa-brands {
  font-size: 2rem;
  color: var(--almost-black);
}

/* ------ SECTIONS------ */
.section__explore {
  gap: 2rem;
  background: var(--light-pink);
}
.section__up-coming,
.section__exhibitions {
  gap: 3rem;
}
.section__exhibitions {
  padding-top: 0;
}
.section__visit-us_additional-info {
  gap: 1.5rem;
}
.section__get-involved {
  gap: 4rem;
}

/* ------ CARDS------ */
.card-from-right {
  border-radius: 50px 50px 0px 50px;
}
.card-from-left {
  border-radius: 50px 50px 50px 0px;
}
.card_general {
  padding-top: 2.5rem;
  box-shadow: 10px 10px 10px rgba(0, 10, 255, 0.25);
  max-width: 380px;
  min-height: 560px;
  max-height: 560px;
}
.card__this-month {
  color: var(--white);
  gap: 1rem;
  padding: 3rem 1rem 4rem 1rem;
  background: var(--almost-black);
}
.card__explore {
  background: var(--white);
}
.card__up-coming {
  min-height: 600px;
  max-height: 600px;
  box-shadow: 10px 10px 10px rgba(0, 10, 255, 0.25);
}
.card__up-coming_info {
  gap: 1rem;
  background-color: rgba(0, 0, 0, 0.7);
}
.card__up-coming_background_1 {
  background: 100% no-repeat url(/images_compressed/unsplash_astronaut_compressed.jpg);
}
.card__up-coming_background_2 {
  background: 100% no-repeat url(/images_compressed/given_roberto-nickson_compressed.jpg);
}
.card__up-coming_background_3 {
  background: 100% no-repeat url(/images_compressed/unsplash_energetica_compressed.jpg);
}
.card__exhibitions {
  justify-content: space-between;
}
.card__exhibitions_gradient-from-left,
.card__exhibitions_gradient-from-right {
  background: linear-gradient(358.52deg, #eeeefff6 61.4%, rgba(255, 255, 255, 0) 98.49%);
  padding-top: 10rem;
}
.card__exhibitions_gradient-from-left {
  border-radius: 0px 0px 50px 0px;
}
.card__exhibitions_gradient-from-right {
  border-radius: 0px 0px 0px 50px;
}
.card__exhibitions_background_1 {
  background: 100% no-repeat url(/images_compressed/pixabay_planet_compressed.jpg);
}
.card__exhibitions_background_2 {
  background: 100% no-repeat url(/images_compressed/unsplash_dinosaur_compressed.jpg);
}
.card__exhibitions_background_3 {
  background: 100% no-repeat url(/images_compressed/pixabay_human-skeleton_compressed.jpg);
}
.card__exhibitions_background_4 {
  background: 100% no-repeat url(/images_compressed/pixabay_artificial-intelligence_compressed.jpg);
}
.card__exhibitions_background_5 {
  background: 100% no-repeat url(/images_compressed/unsplash_technology_compressed.jpg);
}
.card__exhibitions_background_6 {
  background: 100% no-repeat url(/images_compressed/pixabay_virus_compressed.jpg);
}
.card__background-styling {
  background-size: cover;
  background-position: center;
}
.card__info-small {
  background: var(--light-pink);
  box-shadow: 10px 10px 10px rgba(0, 10, 255, 0.25);
  padding: 2rem;
  max-width: 300px;
  max-height: 170px;
  width: 80%;
  min-height: 170px;
}
.card__info-small_contact-us {
  margin: 5rem auto;
}
.card__get-involved {
  justify-content: space-between;
  gap: 2rem;
  box-shadow: 10px 10px 10px rgba(0, 10, 255, 0.25);
  background: rgba(243, 237, 249, 0.8);
  padding: 2rem 2rem 2.5rem;
  max-width: 380px;
  max-height: 650px;
}
.card__get-involved_top-side {
  margin-left: auto;
  margin-right: auto;
}
.card__get-involved p:first-of-type,
.card__get-involved_top-side h2 {
  margin-bottom: 1.5rem;
}
.card__get-involved_1,
.card__get-involved_3 {
  border-radius: 50px 50px 0px 50px;
}
.card__get-involved_2 {
  border-radius: 50px 50px 50px 0px;
}

/* ------ BTN ------ */
.btn {
  padding: 1em 2em;
  border: 2px solid var(--almost-black);
  background: var(--white);
}
.btn__no-background {
  display: inline-block;
  margin-left: 50%;
  transform: translateX(-50%);
  margin-top: 5rem;
  margin-bottom: 5rem;
  white-space: nowrap;
}
.btn__background_1 {
  background: 100% no-repeat url(../images_compressed/pixabay_dna_compressed.jpg);
  padding: 3rem 0;
  background-size: cover;
  background-position: center;
}
.btn__background_2 {
  background: 100% no-repeat url(../images_compressed/unsplash_magnetic_compressed.jpg);
  padding: 3rem 0;
  background-size: cover;
  background-position: center;
}
.btn__background_3 {
  background: 100% no-repeat url(../images_compressed/unsplash_energy_compressed.jpg);
  padding: 3rem 0;
  background-size: cover;
  background-position: center;
}
.btn__visit-us {
  display: block;
  max-width: 12rem;
  margin-left: auto;
  margin-right: auto;
}
.btn__visit-us:last-of-type {
  margin-top: 1.5rem;
}
.btn_send-form {
  max-width: 10rem;
  min-width: 10rem;
  margin-top: 1rem;
}

/* ------ CIRCULAR-IMG AND MAP ----- */
.height100 {
  height: 100%;
}
.width100 {
  width: 100%;
}
.circular-img_wrapper,
.circular-img__get-involved {
  overflow: hidden;
  border: 5px solid var(--light-pink);
  border-radius: 50%;
}
.circular-img_wrapper,
.circular-img__get-involved {
  width: 207px;
  height: 207px;
}
.circular-map {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 359px;
  height: 359px;
  margin-top: 2rem;
  filter: drop-shadow(10px 10px 10px rgba(0, 10, 255, 0.25));
  overflow: hidden;
  border: 5px solid var(--light-pink);
}
iframe {
  width: 100%;
  height: 100%;
}

/* ------ FORM ----- */
fieldset {
  border: 0;
  padding: 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.form_input {
  background: rgba(243, 237, 249, 0.9);
  border: 3px solid var(--white);
  box-shadow: 10px 10px 10px rgba(0, 10, 255, 0.25);
  width: 100%;
  height: 3rem;
  margin: 0.5rem 0 1rem 0;
  padding: 0 10px;
  box-sizing: border-box;
}
.messagebox {
  background: rgba(243, 237, 249, 0.9);
  border: 3px solid var(--white);
  box-shadow: 10px 10px 10px rgba(0, 10, 255, 0.25);
  width: 100%;
  height: 15rem;
  margin: 0.5rem 0;
  padding: 0.6rem 0.6rem;
  box-sizing: border-box;
  text-align: left;
}

/* ------ SLOGAN ----- */
.slogan__cube {
  color: var(--almost-black);
  background: 100% no-repeat url(../images_compressed/unsplash_cube.png);
  background-size: contain;
  background-position: center;
  padding: 25rem 0 5rem 0;
}
.slogan__hero {
  padding: 1.5rem 0 18rem 0;
  color: var(--almost-black);
}