#container{
  overflow: hidden;
  transition: 0.5s;

}

.sidenav {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size:large;
  height: 100%;
  width:0; /*Genişliği javascriptle değiştir*/
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden; /*Yatay kaydırmayı devre dışı bırak */
  transition: 0.5s;/* Sidenav'da kaymaya 0,5 saniye geçiş efekti */
  padding-top: 8px; /*İçeriği üstten 60 piksel yerleştirin */
  text-align: center;
}
.sidenav a {
 
  padding: 8px 8px 8px 32px;
  text-decoration:none;
  font-size: 30px;
  color: white;
  display: block;
  transition: 0.3s;
}
/*Menüler üzerine gelince  renklerini değiştirin */
.sidenav a:hover {
  color: #f1f1f1; 
}
/*Kapat düğmesini konumlandırın ve stillendirin (sağ üst köşe) */

.sidenav .closebtn {
  color: white;
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 60px;
  margin-left: 50px;
}
#YanMenu2{
  opacity: 1;
  filter:alpha(opacity=60);
  color: #ffffff;
  background-color: hsla(120, 100%, 25%, 0);
  
}
.sidenav .sidecenter{
  margin-top: 30vh;
  vertical-align: middle;
}


/**TAABLLOOO**/



#dda{/**tablo divi**/
  margin: auto;
  font-size: 15px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  margin-top: 20vh;
  width: 400px;
  height: auto;
}
.def {
  margin: auto;
  width: 400px;

}
.tg  {
  border: none;
  border-collapse:collapse;
  border-spacing:0;
  margin:auto;
  margin-top: 20px;
}
.tg td{
  border-bottom-color: grey;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  font-family:Arial, sans-serif;font-size:15px;
  font-weight: bold;
  border-bottom-color: grey;
  overflow:hidden;
  padding-top:25px ;
  word-break:normal;}
.tg th{
  width: 100px;
  border-bottom-width: 1px;
  border-bottom-color: grey;
  border-bottom-style: solid;
  font-family:Arial, sans-serif;font-size:18px;
  font-weight:normal;
  overflow:hidden;
  padding-top: 25px;
  word-break:normal;
}
.tg .tg-0lax{
  text-align:left;
  vertical-align:top;
}

/* Yüksekliğin 450 pikselden az olduğu daha küçük ekranlarda, 
sidenav stilini değiştirin 
(daha az dolgu ve daha küçük bir yazı tipi boyutu) */

@media screen and (max-width: 720px) {
  .sidecenter{font-size: 20px;}
  .sidenav {padding-top: 10px;}
  .sidenav a {font-size: 40px;}
  .def {
    font-size: 15px;
    margin: auto;
    width: 250px;
  }
  #dda{
    width: 250px;
  }

}