#hero-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;  
    background-image: url("/img/bg.png"); 
}

#hero-section h1 {
    font-size: var(--font-size-huge);
    margin-bottom: var(--spacing-medium);
    text-align: center;
}