/* ==========================================================================
   style.css — Full-viewport cover background + your existing rules
   ========================================================================== */

/* 1. Ensure html fills the viewport and has no margins */
html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

/* 2. Full-viewport, centered, cover-scaled background image */
body {
    margin: 0;
    background: url("./backgrounds/sunshineroads_background_image.png") no-repeat center center fixed !important;
    background-size: cover !important;
}

/* 3. Your existing cloud rules */
.cloud {
    width: var(--cloud-width) !important;
    height: auto !important;
    border-radius: 0 !important;
}

.cloud::before {
    background: transparent url(./foreground/c1-op-100.png) 0 0/contain !important;
}
