body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
} 

a {
  color: #5154ff;
  text-decoration: none;
  transition: color 0.2s ease;
}

a:visited {
  color: #00b2a6;
}

a:hover,
a:focus {
  color: #066ed5;
  text-decoration: underline;
}

a:active {
  color: #06908d;
}

body{
    background-image:url(spacebg.gif);
     background-repeat: repeat;
     background-attachment: fixed;
     background-position: center;
}
    .anayer{
     margin-top: 0px;
       width:70%;
       z-index: -2;
      background-attachment:fixed;
       margin-left: 15%;
       background-position: center;
       background-size:contain;
       position: absolute;
       background-image: url('https://i.ibb.co/N91bCqC/resim-2024-01-04-201518418.png') ;
      
    }
    #ana1{
      height: 1750px;
    }
    #ana{
     height: 1300px;
     }

    .ustyer{ 
      margin-top: 80px;
      width: 70%;
      height: 230px;
      background-position: center;
      margin-left: 16.5%;
      background-position: contain;
      position: relative;
    }
  
  
    .ortayer{
      margin-left: 17.5%;
      top: 60px;
      width: 15%;
      height: 980px;
      position: relative;
      z-index: 8;
       }

   .ortayer1{
    left: 15.5%;
    top: 380px;
    width: 15%;
    height: 940px;
    position: absolute;
    background-color: #bed2f7;
    opacity: 0.3;
    border-color: #0b163a;
    border-width: 4px;
    border-style: solid;
    z-index: 7;
   }
        .yanyer{
       width: 20%;
       height: 220px;
       left:60.5% ;
       top:320px;
       margin: 20px;
       background-color: #000000;
       opacity: 0.8;
       position:absolute;
       z-index:6 ;
  }
   .yanyer1{
   background-color: #333;
   position: absolute;
   opacity: 0.3;
   width: 22.5%;
   left: 60.5% ;
   top:320px;
   height: 520px;
   z-index: -1;
   }
   .yuh{
    height: 220px;  
    width: 20%;
    left: 60.5%;
    top:320px;
    margin: 20px;
    position: absolute;
    background-image:url(https://e0.pxfuel.com/wallpapers/571/688/desktop-wallpaper-death-note-anime-digital-art-thumbnail.jpg);
    z-index:5 ;
    border-radius: 10px;
   }
   .yuhh{
    
    height: 220px;  
    width: 20%;
    left: 60.5%;
    top:320px;
    margin: 20px;
    position: absolute;
    z-index:6 ;
    border-radius: 10px;


   }
   .cons{
    position: absolute;
    margin-left: 15%;
    height: 500px;
    width: 10%;



   }
   .quote1{
    height: 280px;  
    width: 20%;
    left:60%;
    top:570px;
    margin: 20px;
    position: absolute;
    z-index:10 ;
    background-color: #000000;
    opacity: 1;
    border: #8f00e2b0 5px solid;
   border-radius: 25px;
   }
    .quote2{
    height: 280px;  
    width: 18%;
    left:61.5% ;
    top:580px;
    margin: 20px;
    position: absolute;
    z-index:12 ;
    border-radius: 10px;
    overflow: auto;
   }
   .gifs{
    margin: 1px;
   }
   
   .webrings{
    height: 200px;  
    width: 16%;
    left:15.5% ;
    top:1350px;
    margin: 0px;
    align-content: center;
    text-align: center;
    align-items: center;
    position: absolute;
    z-index: 12 ;
    background-color: #ffffff25;
    border-radius: 10px;
    overflow: auto;
  }

    .blog{
     overflow: auto;
     width: 26%;
     position: absolute;
     top:800px;
     left: 31.5%;
     margin-left: 10px;
     height: 550px;
     z-index: 13;
     background-color:#d36262;
     border-radius: 10px;
     box-shadow: 5px 10px #000000;
     display: flex;
     flex-direction: column;
     gap: 20px;
     padding: 20px;
    }

    .blog-container {
     display: flex;
     flex-direction: column;
     gap: 20px;
    }
    
    .blog-item {
     position: relative;
     height: auto;
     background-color: rgba(0, 0, 0, 0.3);
     border-left: 4px solid #8d0000;
     border-radius: 5px;
     padding: 15px;
    }

  .blog-post {
   margin: 15px;
   padding: 15px;
   background-color: rgba(0, 0, 0, 0.3);
   border-left: 4px solid #8d0000;
   border-radius: 5px;
   margin-bottom: 15px;
  }

  .blog-post h3 {
   margin: 0 0 10px 0;
   color: #faf0fd;
   font-family: 'kral', 'Regular 400';
   font-size: 1.2rem;
  }

  .blog-post p {
   margin: 0;
   color: #bed2f7;
   font-family: Arial, sans-serif;
   font-size: 0.95rem;
   line-height: 1.5;
  }

  .blog-date {
   color: #27cff5;
   font-size: 0.85rem;
   margin-top: 8px;
  }

   
   .asa{
    top: 1650px;
    width: 60%;
    height: 120px;
    background-color: #680000;
    position: absolute;
    border-radius: 5px;
    border-bottom: #a30303 ridge;
    border-width: 10px;
    z-index: 1;
    left: 20%;

   }
   #asagi{
    top: 1200px;
   }
   .about{
    margin-top: 10%;
    margin-left: 30%;
    width: 40%;
    height: 600px;
    position: absolute;
    z-index: 1;
    border-image: url(borde.png) 60 repeat;
    border-image-width: 40px;
    background-color: #d36262;
    
   }
   p.aboutt{
     color: #bed2f7;
     font-family:'brraka', 'Regular 400';
     font-variant:normal;
     opacity: 2;
     font-size: 1.1rem;
     text-align: center;
     margin-left: 10%;
     margin-top: 7.5%;
     margin-right: 10%;
   }
 p.quotee{
  margin-bottom: 20px;
    padding: 20px;
    color: #faf0fd;
   font-family:'kral', 'Regular 400';
   font-variant:normal;
   opacity: 2;
   text-align: center;}
   #e{
    margin-top: 0px;
  }
   p.pepe{
    color: #faf0fd;
   font-family:'baba', 'Regular 400';
   font-variant:normal;
   opacity: 2;
   font-size: 100%;
   font-weight: 700;
   text-align: center;
   margin-top: 10px;
   cursor: url(https://external-media.spacehey.net/media/szz-mj4ceaBwToGOq5Wb2KZ92YzBXpIzFa6PkOSTsYe8=/https://cur.cursors-4u.net/others/oth-8/oth704.cur), auto;
   }
   .links{
    left: 27.5%;
    top: 360px;
    background-color: #0b0014;
    width: 42.5%;
    height: 1000px;
    z-index: 1;
    position:absolute;
    border-radius: 2px;
    border: 16px double ;
    border-width: 10px;
    border-color: #910000;
    box-shadow: 2px 5px #000000 ;
     }
   .linke{
    left: 27.5%;
    top: 360px;
    background-color: #ffffff80;
    margin: 40px;
    width: 37.5%;
    height: 940px;
    z-index: 1;
    position:absolute;
     }
      table, td {
        color: #bed2f7;
       font-family:'brraka', 'Regular 400';
       font-variant:normal;
       opacity: 2;
       text-align: left;
        background-color: #000000;
        border:3px ridge #680000;
      }
      th{
        color: #bed2f7;
       font-family:'brraka', 'Regular 400';
       font-variant:normal;
       opacity: 2;
       text-align: center;
        background-color: #000000;
        border:3px ridge #680000;}
    p.link{
    border-color: #b596ff;
    margin-top: 0px;
    border-width: 5px;
    border-style: groove;
    font-weight: 900;
    font-family:"kral";
    }
   p.yuah{
    margin: 20px;
    color: aliceblue;
    font-family: Arial, Helvetica, sans-serif;
   }
   
   p.yeyey{
    font-size: 1.2rem;
    margin: 20px;
    color: aliceblue;
    font-family: 'kral', 'Regular 400';
   }
  
    .ortamekan1{
     position: absolute;
     width: 26%;
     left: 31.5% ;
     height: 400px;
     top: 320px;
     margin-top:30px;
     margin-left: 10px;
     z-index: 10;
    }
    .ortamekan2{
     position: absolute;
     width: 26%;
     left: 31.5% ;
     height: 400px;
     top: 320px;
     margin-top:30px;
     margin-left: 10px;
     z-index: 0;
     background-color:#000000;
     opacity: 0.8;
    }
    .sayac{
      position: absolute;
     height: 40px;
     width: 100px;
     left: 20%;
     top: 330px;
     z-index: 9;
    }
    .ortaaa{
      height: 400px;  
      width: 26%;
      left: 31.5%;
      top:320px;
      margin-top: 30px;
      margin-left: 10px;
      position: absolute;
      background-image:url(https://e0.pxfuel.com/wallpapers/571/688/desktop-wallpaper-death-note-anime-digital-art-thumbnail.jpg);
      z-index:-1 ;
       border-radius: 10px;
       box-shadow: 5px 10px #000000;
     }
   
   .don{
   
    transform: rotate(180deg);
   }
   @font-face {
    font-family:brraka ;
    src: url(RobotoCondensed-VariableFont_wght.ttf);
   }
   @font-face {
    font-family:baba ;
    src: url(Lexend-VariableFont_wght.ttf);
  }
  .button{
     font-size: 29px; 
     background-color:#910000;
     margin-top: 6px;
     height: 64px;
     width: 23.5%;
     border: 5px double #000000;
     box-shadow: 1px 2px  #6d6d6d ;
     z-index: 5;
   }
    .button1 {margin-left:2px ;}
    .button2 {  right: 0px;}
    .dil{
      background-color: #27cff5;
      height: 40px;
      width: 5%;
      z-index: 20;
      position: absolute;
      top: 80px;
      border-color: #0b19d8;
      border-width: 3.14159265359px;
     
     }
     #tr{
       right: 15%;
     }
     #eng{
      right: 20%;
     }
   p.b{
    font-family:'Margarine', Arial, Helvetica, sans-serif;
    color: aliceblue;
  }
  
    #a{ 
      text-align: center;
      font-size:4em ;
    }
    #b{
      margin-left: 20%;
      text-align: left;
      font-size:24px;
    }
    #c{
     text-align: center;
      font-size:1.7rem;
      }
    p.a{
      
      font-size: 5em;
      color: aliceblue;
      font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
    }
    @font-face {
      font-family:kral ;
      src: url(BaskervvilleSC-Regular.ttf);
    }
.margarine-regular {
    font-family: "Margarine", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
header {
    background-color: #333;
    color: #fff;
    padding: 0 0;
    text-align: center;
}
*{
  cursor: url(https://external-media.spacehey.net/media/s9ncCoxaIUVC48D2jpuXhCxXeWBGMsIUHRJKj_XsveNM=/https://cur.cursors-4u.net/others/oth-8/oth702.cur), auto;
  }
  
  /* i-beam/caret/the little line that shows up when you highlight text */
  input {
  cursor: url(https://external-media.spacehey.net/media/s9ncCoxaIUVC48D2jpuXhCxXeWBGMsIUHRJKj_XsveNM=/https://cur.cursors-4u.net/others/oth-8/oth702.cur), auto;
  }
  /* the rest of these are for the pointer (what shows up when you hover over a link) */
  a {
  cursor: url(https://external-media.spacehey.net/media/s9ncCoxaIUVC48D2jpuXhCxXeWBGMsIUHRJKj_XsveNM=/https://cur.cursors-4u.net/others/oth-8/oth702.cur), auto;
  }
  button {
  cursor: url(https://external-media.spacehey.net/media/szz-mj4ceaBwToGOq5Wb2KZ92YzBXpIzFa6PkOSTsYe8=/https://cur.cursors-4u.net/others/oth-8/oth704.cur), auto;
}
  .blinky-btn {
  cursor: url(https://external-media.spacehey.net/media/szz-mj4ceaBwToGOq5Wb2KZ92YzBXpIzFa6PkOSTsYe8=/https://cur.cursors-4u.net/others/oth-8/oth704.cur), auto;
}
main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0px;
}
/* customizable snowflake styling */
.snowflake {
  color: #27cff5;
  font-size: 2em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 0px rgba(0,0,0,0.7);
  cursor: url(https://external-media.spacehey.net/media/s9ncCoxaIUVC48D2jpuXhCxXeWBGMsIUHRJKj_XsveNM=/https://cur.cursors-4u.net/others/oth-8/oth702.cur), auto;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}


footer {
    background-color: #333;
    color: #fff;
    padding: 0px 0;
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
}

ul {
    list-style-type: none;
    padding: 0;
}

li {
    margin-bottom: 0px;
}

::-webkit-scrollbar {
    width: 16px;
    height: 16px;
  }
/*YOU CAN REMOVE THIS FOR A MORE.. NOSTALGIC LOOK.*/
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 20, 20, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, white, white, black);
z-index: 999;
background-size: 100% 2px, 3px 100%;
opacity: 10%;
pointer-events: none;
}
::-webkit-scrollbar-track {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAFElEQVQIW2M4fPz0////GYAYyAIASnoKpV3w4kgAAAAASUVORK5CYII=");
    image-rendering: pixelated;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
  }
  ::-webkit-scrollbar-track:active {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAEElEQVQIW2No6+pjgAAgCwAWogM9VKrgGQAAAABJRU5ErkJggg==");
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
  }
  
  ::-webkit-scrollbar-thumb {
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #868a8e;
    width: 16px;
    height: 16px;
    background-color: #cccccc;
    z-index: 1;
  }
  
  ::-webkit-scrollbar-corner {
    background-color: #cccccc;
  }
  ::-webkit-resizer {
    width: 16px;
    height: 16px;
    background-color: #cccccc;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAN0lEQVR4Ae3MgQUAMBRDwU5fFF05lb/CARTBw2Ulof0DxPtcwp3hNuEYnjbcEW4TjuFpwx3h9gMWGgZ2Y/PT2gAAAABJRU5ErkJggg==");
    background-position: bottom right;
    background-repeat: no-repeat;
    image-rendering: pixelated;
  }
  
  ::-webkit-scrollbar-button,
  ::-webkit-scrollbar-button {
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #868a8e;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #cccccc;
    image-rendering: pixelated;
    background-repeat: no-repeat;
    background-position: center center;
  }
  ::-webkit-scrollbar-button:active,
  ::-webkit-scrollbar-button:active {
    background-position: 2px 2px;
  }
  ::-webkit-scrollbar-button:horizontal:decrement,
  ::-webkit-scrollbar-button:horizontal:decrement {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHklEQVQY02NgoBT8xyX8H5fwf1zCpOjAYwceV1EEAAO2D/HsQ4vsAAAAAElFTkSuQmCC");
  }
  ::-webkit-scrollbar-button:horizontal:increment,
  ::-webkit-scrollbar-button:horizontal:increment {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHUlEQVQY02NgIB/8xy3xH7fEf9wS/0nUQZqrKAYAK44P8ZRmzLQAAAAASUVORK5CYII=");
  }
  ::-webkit-scrollbar-button:vertical:decrement,
  ::-webkit-scrollbar-button:vertical:decrement {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGklEQVR4AWMYxuA/SYphmETFhDX9x4mHGQAAcL4P8dQiMq8AAAAASUVORK5CYII=");
  }
  ::-webkit-scrollbar-button:vertical:increment,
  ::-webkit-scrollbar-button:vertical:increment {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAF0lEQVQY02NgoBf4jwJxSOHQhcNAOgMAWWAP8Rv2U3UAAAAASUVORK5CYII=");
  }
  ::-webkit-scrollbar-button:horizontal:increment:start,
  ::-webkit-scrollbar-button:horizontal:increment:start {
    display: none;
  }
  ::-webkit-scrollbar-button:horizontal:decrement:end,
  ::-webkit-scrollbar-button:horizontal:decrement:end {
    display: none;
  }
  ::-webkit-scrollbar-button:vertical:increment:start,
  ::-webkit-scrollbar-button:vertical:increment:start {
    display: none;
  }
  ::-webkit-scrollbar-button:vertical:decrement:end,
  ::-webkit-scrollbar-button:vertical:decrement:end {
    display: none;
  }
  ::-webkit-scrollbar-button:active,
  ::-webkit-scrollbar-button:active {
    border-top: 1px solid #868a8e;
    border-left: 1px solid #868a8e;
    border-bottom: 1px solid #868a8e;
    border-right: 1px solid #868a8e;
    box-shadow: none;
  }