html {
    background-color: rgb(255, 238, 0);
    text-shadow: 2px 2px 4px rgb(0, 0, 0); /* Gölge efekti */
    font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;

}

body {
    margin: 0;
    margin-top: -20px;
    padding: 0;
}

.container {
   position: relative; /* Konumlandırma için */
   text-align: center; /* Metni ortalamak için */
}

.container img {
   display: block; /* Fotoğrafı blok element olarak ayarlamak */
   max-width: 100%; /* Eğer genişlik belirtilmemişse, ölçeklendirme için */
}

.animated-text-1 {
   position: absolute; /* Metnin konumu için */
   top: 15%; /* Üstten konumlandırma */
   left: 7%; /* Soldan konumlandırma */
   color: white; /* Metin rengi */
   font-size: 100px; /* Metin boyutu */
   font-weight: bold; /* Metin kalınlığı */
   font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
   animation-name: example;
   animation-duration: 3s; /* Animasyon süresi */
   margin-top: 40px;
}

.animated-text-2 {
   position: absolute;
   bottom: 25%;
   right:9%;
   color: white;
   font-size: 100px;
   font-weight: bold;
   font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
   animation-name: example;
   animation-duration: 3s; /* Animasyon süresi */
}

@keyframes example {
   0% { color: rgb(255, 255, 255); transform: scale(1); } /* Animasyonun başlangıcı */
   50% { color: rgb(0, 0, 0); transform: scale(1.2); } /* Yarı nokta */
   100% { color: rgb(255, 255, 255); transform: scale(1); } /* Animasyonun sonu */
}

.current-page a {
   background-color: darkcyan; /* Örnek olarak yeşil arkaplan */
}

footer p{
   color: white;
   text-align: center;
   
}

footer {
   width: 900;
}

img {
    max-width: 20;
}
  
.current-page a {
    background-color: darkcyan; /* Örnek olarak yeşil arkaplan */
}
  
footer p {
    color: rgb(0, 0, 0);
    text-align: center;
    font-size: small;
    text-shadow: 0px 0px 0px rgb(0, 0, 0); /* Gölge efekti */
}
  
footer {
    width: 900;
}