html,
body {
  width: 100%;
  padding: 0;
  margin: 0;
  font-family: 'Courier New', Courier, monospace;
  --line-height: 19px;
}

body {
  font-weight: 400;
  font-size: 16px;
  line-height: var(--line-height);
  background-color: rgb(28, 27, 27);
  color: rgb(255, 255, 255);
}

* {
  font-variant-ligatures: none;
}

p {
  margin: 0;
  padding: 0;
  /*margin-top: var(--line-height);*/
}

hr {
  display: block;
  height: var(--line-height);
  margin: 0;
  padding: 0;
  /*background-color: red;*/
  border: none;
}

a {
  text-decoration: none;
  /*color:rgb(100,200,200);*/
  color: inherit;
  transition: all 300ms;
  font-weight: 400;
}

a:hover {
  /*color:rgb(100,200,200);*/
}

/* small */
main {
  left: 1ch;
  margin-right: 1ch;
  max-width: 42ch;
  padding-bottom: calc(1 * var(--line-height));
  top: calc(1 * var(--line-height));
  box-decoration-break: slice;
  padding-bottom: calc(4 * var(--line-height));
  /*background-color: rgba(200,0,0,0.2);*/
}

/* larger */
@media only screen and (min-width: 400px) {
  main {
    left: 2ch;
    margin-right: 2ch;
  }
}

/* large */
@media only screen and (min-width: 800px) {
  main {
    left: 4ch;
    margin-right: 4ch;
  }
}

main,
output {
  position: absolute;
  display: block;
}

output {
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
  white-space: pre;
  overflow-x: hidden;
}

output span {
  display: block;
}

/* avoid spring & scrolling */
.disable-scroll {
  bottom: 0;
  overflow-y: hidden;
  position: fixed;
}

/* Long touch hangs when selecting changing text on Safari / iOS (?)*/
.disable-touch-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hidden {
  display: none;
  /*opacity: 0;*/
}

.invisible {
  color: transparent;
  /*visibility: hidden;*/
}
/* @font-face {
     font-family: "l";
     src: url("/web/20241005201508im_/https://kaanvurgun.com/css/fonts/lineto-simple-light.eot");
     src: url("/web/20241005201508im_/https://kaanvurgun.com/css/fonts/lineto-simple-light.eot#iefix") format("embedded-opentype"),
          url("/web/20241005201508im_/https://kaanvurgun.com/css/fonts/lineto-simple-light.woff2") format("woff2"),
          url("/web/20241005201508im_/https://kaanvurgun.com/css/fonts/lineto-simple-light.woff") format("woff");
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: "r";
     src: url("/web/20241005201508im_/https://kaanvurgun.com/css/fonts/lineto-simple-regular.eot");
     src: url("/web/20241005201508im_/https://kaanvurgun.com/css/fonts/lineto-simple-regular.eot#iefix") format("embedded-opentype"),
          url("/web/20241005201508im_/https://kaanvurgun.com/css/fonts/lineto-simple-regular.woff2") format("woff2"),
          url("/web/20241005201508im_/https://kaanvurgun.com/css/fonts/lineto-simple-regular.woff") format("woff");
     font-weight: normal;
     font-style: normal;
 } */