.footer {
    background: #080808;
    color: hsl(213, 96%, 11%);
    position: relative; /* Changed from sticky to relative */
    width: 100%;
    margin-top: auto;
}

.footer-logo {
    width: 150px; /* Sesuaikan ukuran logo */
}

.footer-menu a {
    font-weight: 500;
}

.footer-menu a:hover {
    text-decoration: underline;
}

.social-icons a {
    transition: 0.3s;
}

.social-icons a:hover {
    color: #ccc;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1; /* This pushes the footer down */
}