.elementor-2895 .elementor-element.elementor-element-edef471{--display:flex;}.elementor-2895 .elementor-element.elementor-element-6a909b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:0;}.elementor-2895 .elementor-element.elementor-element-2959892{width:100%;max-width:100%;}@media(min-width:768px){.elementor-2895 .elementor-element.elementor-element-6a909b6{--content-width:100%;}}@media(max-width:1024px){.elementor-2895 .elementor-element.elementor-element-6a909b6{--min-height:0vh;}}@media(max-width:767px){.elementor-2895 .elementor-element.elementor-element-6a909b6{--min-height:0vh;}}/* Start custom CSS for html, class: .elementor-element-2959892 *//* General App Wrapper */
.app-wrapper {
    position: relative;
    height: 100%;
    font-family: "Montserrat", serif;
}

/* Hero Section */
.app-hero {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center; /* Center-align text */
}

/* Heading Styles */
.h012, .ho23, .ho24 {
    margin: 0;
    padding: 0;
    color: white;
    text-transform: uppercase;
    text-shadow: 0 0 20px black;
    line-height: 100%;
    user-select: none;
    position: relative;
    z-index: 2;
}

/* .h012 - Adjusted for smaller screens */
.h012 {
    font-size: 5vw; /* Responsive font size */
    font-weight: 300;
}

/* .ho23 - Adjusted for smaller screens */
.ho23 {
    font-size: 4vw;
    font-weight: 900;
}

/* .ho24 - Adjusted for blue color and responsive design */
.ho24 {
    font-size: 6vw; /* Responsive font size */
    font-weight: 700;
    color: #04c4f4;
    text-shadow: 0 0 20px black;
}

/* Hero H1 and H2 */
.app-hero h1,
.app-hero h2 {
    margin: 0;
    padding: 0;
    color: white;
    text-transform: uppercase;
    text-shadow: 0 0 20px #157bc2;
    line-height: 100%;
    user-select: none;
}

/* H1 - Main heading */
.app-hero h1 {
    font-size: 8vw; /* Responsive font size */
    font-weight: 700;
}

/* H2 - Subheading */
.app-hero h2 {
    font-size: 5vw; /* Responsive font size */
    font-weight: 500;
}

/* Canvas Styling */
#webgl-canvas {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
}

/* Button Styles */
.app-buttons button {
    font-family: "Montserrat", serif;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    border: 1px solid grey;
    padding: 4px 8px;
    font-size: 1.2em; /* Slightly larger font for buttons */
}

/* Media Queries for smaller screens */
@media (max-width: 768px) {
    .h012, .ho23, .ho24 {
          font-size: 10vw;
    }

    .app-hero h1 {
        font-size: 12vw;
    }

    .app-hero h2 {
        font-size: 8vw;
    }

    .app-buttons button {
        padding: 6px 12px;
    }
}

/* Media Queries for mobile screens */
@media (max-width: 480px) {
    .h012, .ho23, .ho24 {
        font-size: 15vw;
    }

    .app-hero h1 {
        font-size: 20vw;
    }

    .app-hero h2 {
        font-size: 18vw;
    }

    .app-buttons button {
        padding: 8px 16px;
    }
}/* End custom CSS */