body {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
  }
.frm {
background-color : #b2dfdb;
padding: 2px;
margin:0px;
}

label {
color: black;
padding: 1px;
font-weight: light;
font-size: 18px;
}
.baslik{
  background-color:white;
  margin:5px;
  color:#FFC107;
  font-size: 20px;
  font-weight: bold;
}
.logo{

  width: 90px;
}

/* Radio buton boyutu ve görünüm ayarları */
input[type="radio"] {
  /*appearance: none; *//* Varsayılan görünümü kaldır */
  width: 30px; /* Boyut */
  height: 30px;
  border: 3px solid #FFC107; /* Kenar rengi */
  border-radius: 4px; /* Kare şekli için 4px, tam yuvarlak için %50 */
  outline: none;
  cursor: pointer;
  background: white;
  /*transition: background-color 0.2s ease;*/
}

/* Radio buton seçildiğinde arka plan rengi */
input[type="radio"]:checked {
  background-color: #FFC107; /* İstediğiniz renge ayarlayın */
  border-color: black;
}


label {
  display: flex;
  align-items: center;
  gap: 8px; /* Buton ile etiket arasındaki boşluk */
  font-size: 16px;
  /*cursor: pointer;*/
}


.card {
   background-color:#b2dfdb;
   color:black;
   cursor: pointer;
}


.card-link {
  color: #ff5733; /* Link rengi (örneğin turuncu) */
  text-decoration: none; /* Alt çizgiyi kaldır */
}

.card-link:hover {
  color: #28a745; /* Üzerine gelince yeşil renk */
  text-decoration: none; /* Üzerine gelince alt çizgi ekle */

}


[type="checkbox"], [type="radio"] {
height:40px; 
width:40px;
}


textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  font-size: 16px;
  resize: none;
}

select {
  width: 100%;
  height: 30px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  font-size: 16px;
  resize: none;
}

.selectb {
  height: 300px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  font-size: 11px;
  width: 100%; /* Select genişliğini tam genişlik yapar */


}
.ders {
  font-size:xx-small;
}