/* Arka plan ayarları */
body {
    background-color: #000000; /* Siyah arka plan */
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle opacity="0.5" fill="%23FFFFFF" cx="28.75" cy="22.338" r="0.713"/><circle opacity="0.2" fill="%23FFFFFF" cx="26.75" cy="79.443" r="0.307"/><circle opacity="0.5" fill="%23FFFFFF" cx="50" cy="41.884" r="0.308"/><circle fill="%23FFFFFF" cx="12.883" cy="42.25" r="0.367"/><circle opacity="0.4" fill="%23FFFFFF" cx="80" cy="72.818" r="0.307"/><circle opacity="0.5" fill="%23FFFFFF" cx="55.625" cy="12.375" r="0.308"/><circle opacity="0.2" fill="%23FFFFFF" cx="73.307" cy="89.375" r="0.308"/><circle opacity="0.5" fill="%23FFFFFF" cx="73" cy="53.884" r="0.308"/><circle opacity="0.5" fill="%23FFFFFF" cx="38.875" cy="89.432" r="0.385"/></svg>');
    background-size: 25rem 25rem;
    background-position: center 0;
    animation: bg-move 12s linear infinite;  
    font-family: 'Georgia', 'Times New Roman', Times, serif; /* Yazı tipi */
    font-size: 16px;
    line-height: 1.6;
    color: #FFFFFF; /* Yazı rengi beyaz */
    margin: 0;
    padding: 0;
}

/* Arka plan animasyonu */
@keyframes bg-move {
    to {
        background-position: center 25rem;
    }
}

/* Genel stil ayarları */
body {
    font-family: 'Georgia', Times, serif; /* Tercih edilen yazı tipi */
    margin: 0;
    padding: 0;
    line-height: 1.6; /* Satır yüksekliği artırıldı */
    color: #000000; /* Metin rengini siyah yap */
}



/* Gezegen kapsayıcı */
.planet_wraper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.8);
    transition: transform 0.3s ease;
}

.planet_wraper:hover {
    transform: translate(-50%, -50%) scale(1.05);
}

/* Gezegen stili */
.planet {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: planet-rotate 15s linear infinite;
    overflow: hidden;
    background: linear-gradient(to bottom, #24b88b, #21776f);
    box-shadow: inset 0 -5px 10px rgba(22, 48, 64, 0.5), 0 0 2rem rgba(170, 194, 194, 0.4);
}

@keyframes planet-rotate {
    to {
        transform: rotate(360deg);
    }
}

/* Kraterler */
.crater {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
}

.crater:nth-of-type(1) {
    top: 2rem;
    left: 1.5rem;
    width: 0.75rem;
    height: 0.75rem;
}

.crater:nth-of-type(2) {
    top: -0.75rem;
    left: 5rem;
    width: 2.5rem;
    height: 2.5rem;
}

.crater:nth-of-type(3) {
    top: 0.5rem;
    left: 2rem;
    width: 1.25rem;
    height: 1.25rem;
}

.crater:nth-of-type(4) {
    top: -1.5rem;
    left: 3.5rem;
    width: 0.5rem;
    height: 0.5rem;
}

.crater:nth-of-type(5) {
    top: 1.25rem;
    left: 3.5rem;
    width: 2rem;
    height: 1.5rem;
}

/* Mobil uyumluluk */
@media (max-width: 768px) {
    body {
        font-size: 14px;
        padding: 10px;
    }

    h1, h2, h3 {
        font-size: 20px;
        margin: 10px 0;
    }
}