/* Hero bölümünü küçült ve ortala */
#hero {
    position: relative;
    width: 100%;
    height: 40vh; /* Yüksekliği %40 yaparak daha da küçültüyoruz */
    display: flex;
    align-items: center; /* Dikey ortalama */
    justify-content: center; /* Yatay ortalama */
    text-align: center;
    background-color: #003366; /* Koyu mavi arka plan */
    padding: 20px 0; /* İçeriğin yerleşmesini engellemek için padding */
    box-sizing: border-box; /* Padding hesaplamalarına dahil et */
    z-index: 1; /* İçeriği öne getir */
    color: #ffffff; /* Yazı rengini beyaz yaparak okunabilirliği artır */
}

/* Particles.js arka planda olacak */
#particles-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Hero bölümü genişliği */
    height: 100%; /* Hero bölümü yüksekliği */
    z-index: 1; /* Particles'ı arka plana al */
}