*{
  padding: 0;
  margin: 0 ;
  margin-inline: auto ;
}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* Sayfa yüksekliği kadar */
}

.content {
  position: relative; /* Görsel ve metnin konumunu kontrol etmek için */
}

.text {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  position: absolute; /* Resmin üzerine metni yerleştirmek için */
  top: 50%; /* Dikey olarak ortalamak için */
  left: 50%; /* Yatay olarak ortalamak için */
  transform: translate(-50%, -50%); /* Ortalamak için */
  color: white; /* Metin rengi */
  font-size: 80px; /* Metin boyutu */
  text-align: center; /* Metni ortalamak için */
}
.altyazi{
  margin: 24px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  position: absolute; /* Resmin üzerine metni yerleştirmek için */
  top: 50%; /* Dikey olarak ortalamak için */
  left: 50%; /* Yatay olarak ortalamak için */
  transform: translate(-50%, 100%); /* Ortalamak için */
  color: white; /* Metin rengi */
  font-size: 30px; /* Metin boyutu */
  text-align: center; /* Metni ortalamak için */
}

.kutu{
  width: 214px;
  height: 100px;
  margin: 24px;
  padding: 3px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  position: absolute; /* Resmin üzerine metni yerleştirmek için */
  top: 50%; /* Dikey olarak ortalamak için */
  left: 50%; /* Yatay olarak ortalamak için */
  transform: translate(-50%, 200%); /* Ortalamak için */
  color: white; /* Metin rengi */
  background-color: blue;
  font-size: 10px; /* Metin boyutu */
  text-align: center; /* Metni ortalamak için */
  border-radius:300px;
  
}

.kutu h3 {
  font-size: 23px;
  font-family: mont;
  margin: 30px;
  padding-top: 6px;
  color: white;
  font-size: 30px;
  text-align: center;
  
}