:root {
  --color1: #FFC72C;
  --color2: #E0A800;
  --color3: #0B0C10;
  --color4: #66FCF1;
  --color5: #C5C6C7;
}

body {
    font-family: 'Montserrat', sans-serif; 
    line-height: 1.6;
}

.parallax-element-slow {
    transform: translateZ(-0.5px) scale(1.5); 
}

.parallax-element-fast {
    transform: translateZ(0.5px) scale(0.5); 
}

#mobile-menu {
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}
#mobile-menu.open {
    transform: translateX(0);
}

.deco-grid-new {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(to right, rgba(102, 252, 241, 0.15) 1px, transparent 1px), 
                      linear-gradient(to bottom, rgba(102, 252, 241, 0.15) 1px, transparent 1px);
    background-size: 50px 50px;
    opacity: 0.1;
    z-index: 0;
}