#birinci, #ikinci, #ucuncu, #dorduncu, #besinci, #altinci, #yedinci, #sekizinci, #dokuzuncu, #onuncu, #onbirinci,
#onikinci, #onucuncu, #ondorduncu, #onbesinci, #onalti, #onyedinci, #onsekizinci, #ondokuzuncu, #yirminci
{
    padding-left: 7px;
    text-align: center;
    padding-right: 7px;
}
#blok{
    padding-top: 20px;
}
.altyazi {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #333;
  margin-top: 5px;
}
img{
    border-radius: 20%;
  
}
.responsive {
    width: 100%;
    height: auto;
  }
a:link { 
    text-decoration: none;
 }
.paragraf{
    padding-left: 30px;
    margin-top: 30px;
}
h1{
    text-align: center;
    padding-top: 20px;
}
#tablo{
    margin-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
}
h2 {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  animation: colorchange 8s infinite;
  margin-top: 40px;
}

@keyframes colorchange {
  0% { color: #ff4d4d; }
  25% { color: #ffa500; }
  50% { color: #33cc33; }
  75% { color: #3399ff; }
  100% { color: #ff4d4d; }
}
.ilkokul {
  width: 100%;
  max-width: 300px;
  height: auto;
  cursor: pointer;
  border-radius: 16px;  /* Sadece bu görsele yuvarlatma */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease-in-out;
}

.ilkokul:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}

.ilkokul:active {
  transform: scale(0.96);
  filter: brightness(0.9);
}