/* assets/css/style.css */

body {
    overflow-x: hidden;
    transition: background-color 0.8s cubic-bezier(0.4, 0, 0.2, 1), color 0.5s ease;
}

.stars-bg {
    background-image:
        radial-gradient(2px 2px at 20px 30px, #ffffff, rgba(0, 0, 0, 0)),
        radial-gradient(2px 2px at 40px 70px, #ffffff, rgba(0, 0, 0, 0)),
        radial-gradient(2px 2px at 50px 160px, #ffffff, rgba(0, 0, 0, 0)),
        radial-gradient(2px 2px at 90px 40px, #ffffff, rgba(0, 0, 0, 0)),
        radial-gradient(2px 2px at 130px 80px, #ffffff, rgba(0, 0, 0, 0)),
        radial-gradient(2px 2px at 160px 120px, #ffffff, rgba(0, 0, 0, 0));
    background-size: 200px 200px;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
}

.dark .stars-bg {
    opacity: 0.15;
}

#home {
    min-height: auto !important;
    align-items: flex-start !important;
    margin-top: 0 !important;
}