body {
  --s: 35px;
  /* control the size */
  --c1: #aef40b;
  /* first color */
  --c2: #f708a3;
  /* second color */
  --_g: ,#0000 75%, var(--c1) 0;
  background: linear-gradient(-45deg var(--_g)), linear-gradient(45deg var(--_g)) 0 calc(var(--s) / 2) var(--c2);
  background-size: var(--s) var(--s);
  color: #333;
  font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
  padding: 18vh 1rem;
  text-align: center;
  -webkit-animation: background-color-animation 5s infinite alternate;
          animation: background-color-animation 5s infinite alternate; }
  @media (max-width: 1200px) {
    body {
      font-size: 15px;
      padding: 15vh 1rem; } }
  @media (max-width: 992px) {
    body {
      font-size: 14px;
      padding: 12vh 1rem; } }
  @media (max-width: 768px) {
    body {
      font-size: 13px;
      padding: 10vh 1rem; }
      body h1 {
        font-size: 100px; } }
  @media (max-width: 576px) {
    body {
      font-size: 12px;
      padding: 8vh 1rem; }
      body h1 {
        font-size: 80px; } }
  @media (max-width: 360px) {
    body {
      font-size: 11px;
      padding: 6vh 1rem; }
      body h1 {
        font-size: 50px; } }
@font-face {
  font-family: "Tartuffo";
  /* Name of the font */
  src: url("../fonts/Tartuffo-Regular.woff2") format("woff2"), url("../fonts/Tartuffo-Regular.woff") format("woff");
  /* Fallback */
  font-weight: regular;
  /* Specify font weight (e.g., normal, bold) */
  font-style: regular;
  /* Specify font style (e.g., normal, italic) */ }

@-webkit-keyframes background-color-animation {
  0% {
    background-color: #fff; }
  50% {
    background-color: #000; } }

@keyframes background-color-animation {
  0% {
    background-color: #fff; }
  50% {
    background-color: #000; } }

a {
  color: rgba(0, 0, 0, 0.7); }
  a:focus, a:hover {
    color: rgba(0, 0, 0, 0.6); }

h1 {
  font-family: "Tartuffo";
  font-size: 200px;
  margin-bottom: 1rem;
  background: #f4f82758; }

.carousel-images img {
  width: 100%;
  display: none;
  -webkit-animation: warp-effect 3s infinite ease-in-out;
          animation: warp-effect 3s infinite ease-in-out; }

body.index-page {
  background-size: cover;
  /* Ensures the background image covers the entire viewport */
  background-position: center;
  /* Centers the background image */
  background-repeat: no-repeat;
  /* Prevents the image from repeating */ }