@charset "utf-8";
/* CSS Document */

.gezegen h1 {
    font-size: 3rem;
    letter-spacing: 8px;
    color: #fff;
    text-shadow: 0 0 20px rgba(108, 120, 157, 0.5);
}
.ayirici-cizgi {
    width: 150px;
    height: 3px;
    background: linear-gradient(to right, transparent, #6c789d, transparent);
    margin: 15px auto;
}
.gezegen h1 {
  text-align: center;
}

.yanyana-getirme {
  display: flex; /* yM yana getirir */
  align-items: flex-start; /* üstten hizalar */
  gap: 30px; /* iki div arası 30px boşluk */
  padding: 30px; /* DIŞTAN BOŞLUK */
}

@keyframes donus {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.resim {
  margin: 30px 20px 30px 50px;
  border-radius: 50%;
	animation: donus 30s linear infinite;
	transform-origin: center center;
	 display: block;
}

.resim:hover {
  transform: scale(1.10);
}

.gezegen-hizli-menu {
  padding-top: 15px;
  margin-left: 0;
   max-width: 250px;
  width: 100%;
  margin: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: rgba(12, 23, 53, 0.6);
  padding: 15px;
  border-radius: 12px;
  border: 1px solid #3a506b;
}

.gezegen-hizli-menu a {
  text-decoration: none;
  color: rgb(235, 235, 235);
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.06);
}

.gezegen-hizli-menu a:hover {
  background-color: #6c789d;
  color: #fff;
}

.gezegen-hizli-menu a.aktif {
  background-color: #0c1735;
  color: #fff;
  font-weight: bold;
}

.gezegen h4{
	line-height: 1.8;
    color: #e0e0e0;
    font-weight: 300;
}