@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Poppins:wght@400;600&display=swap');
body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background: linear-gradient(to bottom, #000000, #1a0033);
}
h1, h2, h3 {
    font-family: 'Playfair Display', serif;
}
#galaxy-container {
    z-index: 0;
}

#ui-overlay {
    z-index: 10;
}

#controls {
    z-index: 10;
}

.custom-navbar {
    z-index: 1000;
}
button {
    transition: all 0.3s ease;
    transform: scale(1);
}

button:hover {
    transform: scale(1.05);
}

button:active {
    transform: scale(0.98);
}