@import url('https://fonts.googleapis.com/css?family=Poppins:500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rancho&display=swap');

/* Maintain Glass Panel or Section Styles for Visual Consistency */
.glass {
    background: linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0));
    border-top: 1px solid rgba(255,255,255,0.2);
    border-left: 1px solid rgba(255,255,255,0.2);
    border-radius: 15px;
    box-shadow: 12px 18px 40px rgba(0,0,0,0.35);
    backdrop-filter: blur(4px);
    padding: 1em 2vw;
    margin-bottom: 2vh;
}

/* Make Sure PNG Transparency Looks Clean Above Backgrounds */
img {
    image-rendering: auto;
}

/* Responsive Bubbles for Smaller Screens */
@media screen and (max-width: 650px) {
    .bubble { width: 16px; }
}