/* CODICE DOMUS AUREA */ /* RESET */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* CLASSI UTILITY */
.d_flex {
  display: flex;
}

.d_flex_column {
  display: flex;
  flex-direction: column;
}

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

.position_absolute {
  position: absolute;
}

.position_relative {
  position: relative;
}

.w100 {
  width: 100%;
}

.h100 {
  height: 100%;
}

ul {
  list-style-type: disc;
}

a {
  text-decoration: none;
}

a:visited {
  color: darkcyan;
}

a:hover {
  color: crimson;
}

/* Titoli */
#main_title, #main_title_secondary, .small_title, .small_title_main {
  font-family: "Dalek", sans-serif;
  color: rgb(180, 137, 17);
  text-transform: uppercase;
  text-align: center;
  text-shadow: 2px 2px 2px rgb(0, 0, 0);
  margin: 0;
  padding: 0;
}

#main_title {
  font-size: 10rem;
}

#main_title_secondary {
  font-size: 6rem;
}

.small_title {
  font-size: 2rem;
}

.small_title_main {
  font-size: 2rem;
}

/* Meandro */
.border_top {
  width: 100%;
}
.border_top img {
  width: 100%;
}

.border_bottom {
  width: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  background-color: rgb(68, 7, 7);
}
.border_bottom img {
  width: 100%;
}

.link_wrapper {
  justify-content: center;
  padding-bottom: 5rem;
}

.link_wrapper_special {
  opacity: 0;
  justify-content: center;
  padding-bottom: 8rem;
}

li {
  margin-left: 30px;
}

body {
  background: rgb(68, 7, 7);
  background: radial-gradient(circle, rgb(68, 7, 7) 50%, rgb(49, 5, 5) 75%, rgb(24, 2, 2) 99%, rgb(0, 0, 0) 100%);
  color: black;
}

body .layout {
  min-height: 100vh;
  position: relative;
}

body .container {
  margin: 0 auto;
}

.main {
  flex-direction: column;
}

navbar {
  height: -moz-fit-content;
  height: fit-content;
}

/*=============================================
    =            Section TEXT            =
=============================================*/
.common_text {
  font-family: "Palatino Linotype", sans-serif;
  color: rgb(180, 137, 17);
  text-shadow: 2px 2px 2px rgb(0, 0, 0);
  margin: 1rem;
}

#who_text, #where_text, #what_text {
  text-align: left;
  font-size: 1.1rem;
}

#where_text {
  padding-bottom: 5rem;
}

/*=====  End of Section comment block  ======*/
/*=============================================
    =            PAGINA INDEX          =
=============================================*/
body .app {
  display: grid;
  grid-template-rows: 10vh 80vh 10vh;
}

body .index_container {
  margin: 0 auto;
  overflow: hidden;
  display: grid;
  grid-template-rows: 1fr 2fr 1fr;
}

/* Navbar */
navbar {
  align-self: center;
}

navbar a:not(:last-child) {
  margin-right: 20px;
}

/*================================================
    =            PAGINA COSA FACCIAMO          =
==================================================*/
.reveal {
  padding-top: 50px;
  padding-bottom: 10px;
}
.reveal p {
  text-align: left;
}
.reveal h2 {
  font-size: 1.2rem !important;
  padding-bottom: 1rem !important;
}

.active {
  opacity: 1;
  animation: fade-in 2s ease-in-out forwards;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*=====  End of Section comment block  ======*/