html,body{width:100%;height:100%;}
*{box-sizing:border-box;/*border:1px solid red;*/}
@media(max-width:479px){html{font-size:75%;}}
@media(min-width:480px){html{font-size:81.25%;}}
@media(min-width:768px){html{font-size: 87.5%;}}
@media(min-width:992px){html{font-size:100%;}}
@media(min-width:1200px){html{font-size:112.5%;}}
body{margin:0;padding:0.2rem;font:1rem Arial,Helvetica,sans-serif;line-height:1.1rem;}
@media(max-width:767px){.tepe{padding:0.625rem 10% 0.1rem;}
  nav{margin-left:0.5rem;margin-right:0.5rem;padding:0 0.5rem;}nav a{padding:0.25rem 0.5rem;}
  .kapsayan{grid-template-areas:"ust ust ust""gez gez gez""esnek esnek esnek""dip dip dip";}
  .esnekkap{grid-area:esnek;display:grid;justify-content:center;overflow-y:auto;
            grid-template-columns:100%;grid-template-rows:auto auto;
            grid-template-areas: "orta" "sag"; grid-gap: 0.2rem;
  }
  .solyan {display:none;}
  main{width:95%;margin:auto;padding:1rem 5% 1rem 5%;}
  aside{width:90%;margin:auto;padding-left:2rem;border-radius:2rem;}
  footer p,.tepe p{text-indent:0;}
  .enli_dip,.dipsag,.yuk{display:none;}
}
@media(min-width:768px){.tepe{padding:0.625rem 20% 0.1rem;}
  nav{margin-left:2rem;margin-right:2.5rem;padding:0 1rem;}nav a{padding:0.25rem 1rem;}
  .kapsayan{grid-template-areas:". ust ."". gez .""esnek esnek esnek""dip dip dip";}
  .esnekkap{grid-area:esnek;display:grid;justify-content:center;overflow-y:auto;
     grid-template-columns:2fr 10fr 3fr;grid-template-rows:auto;
     grid-template-areas:"sol orta sag";grid-row-gap:0.1rem;}
   main{height:100%;padding:2rem 6rem 2rem 9rem;grid-area:orta;}
   .yuk{position:fixed;top:80vh;right:21%;}
   aside{height:100%;padding:2.5rem 1rem;grid-area:sag;}
   .dar_dip{display:none;}
}
h1{font-size:1.5rem;}h2{font-size:1.25rem;}h3{font-size:1.125rem;}
h4{font-size:1.0625rem;}h5{font-size:1rem;}h6{font-size:0.875rem;}
p{padding-left:1rem;font-size:1rem;text-indent:2rem;}
nav,footer,.yukari{font:0.75rem bold;}
article h1,h2,section h3{text-indent:3rem;}
.kapsayan{width:100%;height:100%;margin:0;padding:0.1rem;left:0;top:0;position:fixed;display:grid;
  grid-gap:0.2rem;grid-template-columns:2fr 10fr 3fr;grid-template-rows:auto auto 1fr auto;
background:#f6efef;}
header{width:99%;padding:0.1rem 2rem;grid-area:ust;background: #f6efef;}
  header h1{margin:0.1rem;letter-spacing:0.1rem;}
  header a{display:block;float:center;text-align:center;text-decoration:none;color:#fff;}
  .tepe{width:100%;margin-left 0;border:0.3rem solid #008;border-radius:0.3rem;
    text-align:right;color:#fff;background:#809;}
  .tepe p{margin:0;font-size:0.875rem;}
  .tepe-i{width:100%;border-radius:10px;text-align:center;color: #fff;background:#000;}
nav{grid-area:gez;background:#e6ccff;}
  nav a{float:left;text-align:center;text-decoration:none;color:#000;}.right{float:right;}
  nav a.active{color:#fff;background:#888;}nav a:hover{color: #000;background:#ddd;}
.clear{clear:both;display:none;}
.solyan{grid-area:sol;background:url("resim/lupine.jpg") top/auto repeat-y #dbd;}
main{color:#333;}
  em{font-weight:bold;color:#333;}blockquote{line-height:1.25rem;font-style:italic;}q{font-style:italic;}
  .oyku,.oyku_duz{padding:0 2rem;font-size:0.95rem;line-height:1.1rem;}
  .oyku{text-indent:1rem;}.oyku_duz{text-indent: 0;}
  .siir{padding-left:3rem;font:1rem bold;text-indent:0;}.koyubuyuk{font:1.25rem bold;}
  figure{margin:1em auto;text-align:center;}
  .tarih{display:block;float:right;}
  .taban p{width:100%;margin:1rem 0;padding:0 0.625rem;font-size:0.75rem;text-align:center;}
  .taban a,.yukari{text-decoration:none;font-weight:bold;color:#000;background:#e6ccff;}
  .geri{float:left;}.ileri{float:right;}.dipnot{font-size:0.75rem;line-height:1.25rem;}
aside{ background:#dbd;}aside h2{font-size:0.875rem;}
  aside ul{margin:1.25rem 0;padding-left:1.25rem;list-style-type:disc;}
  aside li{margin-bottom:0.5rem;font-size:0.75rem;}
  aside a{text-decoration:none;color:#222;}aside a:visited{color:#efe;}
footer{margin:0;padding:0.1rem;grid-area:dip;text-align:center;background:#e6ccff;}
  footer p{margin:0;max-width:150ch;}footer span{margin:0;font-size:0.75em;}.dipsag{margin:0 0 0 7em;}
  footer a{margin:0;text-decoration:none;color: #000;}span a{margin:0;font-weight:bold;}