.elementor-2309 .elementor-element.elementor-element-908b1c2{--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;}/* Start custom CSS for html, class: .elementor-element-f8354ca */body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background: #14274f;
    color: #f0d7b8;
    margin: 0;
    font-family: 'Arial', sans-serif;
    overflow: hidden; /* Hide scrollbars */
}

.game-area {
    position: relative;
    width: 100vw;
    height: 80vh;
    overflow: hidden; /* Hide scrollbars */
}

.falling-star, .falling-planet {
    position: absolute;
    cursor: pointer;
    animation: fall linear infinite;
}

.falling-star {
    font-size: 2em;
}

.falling-planet {
    font-size: 4em;
}

.planet1 {
    color: blue;
}

.planet2 {
    color: green;
}

@keyframes fall {
    from {
        top: -50px;
    }
    to {
        top: 100vh;
    }
}

#score {
    font-size: 1.5em;
    margin-top: 20px;
    color: #f0d7b8;
}

.point-animation {
    font-size: 3em;
    position: absolute;
    color: #f0d7b8;
    animation: point-fade 1s forwards;
}

@keyframes point-fade {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}/* End custom CSS */