body {
  font-family: "Neucha", system-ui !important;
  font-size: 16px;
  background: rgb(44,46,53);
  background: linear-gradient(90deg, rgba(44,46,53,1) 0%, rgba(44,46,53,1) 10%, 
  rgba(113,78,59,1) 10%, rgba(113,78,59,1) 20%,
  rgba(105,172,244,1) 20%, rgba(105,172,244,1) 30%, 
  rgba(240,134,201,1) 30%, rgba(240,134,201,1) 40%, 
  rgba(243,243,243,1) 40%, rgba(243,243,243,1) 50%, 
  rgba(177,56,56,1) 50%, rgba(177,56,56,1) 60%,
  rgba(212,152,91,1) 60%, rgba(212,152,91,1) 70%, 
  rgba(88,158,120,1) 70%, rgba(88,158,120,1) 80%,
  rgba(59,80,214,1) 80%, rgba(59,80,214,1) 90%, 
  rgba(128,103,209,1) 90%, rgba(128,103,209,1) 100%);
  scroll-behavior: smooth;
  
}

.text-width-max { 
  max-width: 480px !important;
}

p {
  font-size: 1.6rem !important;
 
}

li {
  font-size: 1.4em;
  
}

.boxed {
  width: auto !important;
  height: auto !important;
  max-width: 620px !important;
  margin:auto;
  background-color: #fff !important;
  border-radius: 1em;
  padding: 1.2em !important;
}
.small {
  font-size: 1em !important;
}
.barriecito-regular {
  font-family: "Barriecito", system-ui;
  font-weight: 400;
  font-style: normal;
}

.neucha-regular {
  font-family: "Neucha", system-ui;
  font-weight: 400;
  font-style: normal;
}

.max-height {
  min-height: 100vh;
}

.display-1 {
  font-size: 4.5rem !important;
  font-family: "Barriecito", system-ui;
}

.bold {
   color: #333;
   text-transform: uppercase;
}


@media (min-width: 320px) and (max-width: 504px) {

  .display-1 {
    font-size: 3em !important;
  }

}