:root {
       
        --primary: orangered;
        --secondary: #4ecdc4;
        --text: #000000;
        --background: #f7f9fc;
        --ryvokGreen:#ACFF93;
      }

      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      body {
     
        line-height: 1.6;
        color: var(--text);
        background-color:#ffffff !important;
        scroll-behavior: smooth;
  
      }
   

   
.banner-text
{
  position: relative;
  height: 100%;
  top:40%;
}
      banner-word, banner-word2
      {
        display: block;
font-size:107px;
color:white;
font-family:quinn, sans-serif ;
line-height: 77%;
background: transparent;
      }
.r-italic {
 
  font-style: normal; /* ensure it's not looking for a missing italic */
  transform: skew(-10deg);
  display: inline-block;
  
}

.text-hl
{
font-family: "Damion", cursive;
font-size:80px;
font-family: 300;
color:var(--ryvokGreen);
}
/* REPONSIVE */
h1,h2, h3, h4, h5
{
  font-family: roboto;
  font-style: italic;
}



      /* Mobile Responsiveness */
@media (max-width: 1024px) {
}

@media (max-width: 768px) {


}