/* RESET */
* { margin:0; padding:0; box-sizing:border-box; }
body, html {
    
  width:100%; height:100%;
  font-family:monospace;
  background:#111; color:#eee;
  overflow-x:hidden;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}   


html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}
/* CANVAS ARKA PLAN */
canvas#bg {
  position:fixed; top:0; left:0;
  width:100%; height:100%; z-index:-1;
}

/* HERO */
#hero {
  height:100vh;
  display:flex; flex-direction:column;
  justify-content:center; align-items:center;
  text-align:center; padding:0 2rem;
  
}
#hero h1 {
  font-size:3rem;
  text-shadow:0 0 10px #0ff;
}
/* #hero h2 {
  font-size:3rem;
  text-shadow:0 0 10px #0ff;
} */
#hero p { margin:1rem 0; font-size:1.2rem; }
.btn {
  padding:.7rem 1.5rem;
  border:2px solid #0ff;
  color:#0ff; text-decoration:none;
  transition:all .3s;
}
.btn:hover { background:#0ff; color:#000; }

/* SECTIONS */
section {
  padding:6rem 2rem;
  text-align:center;
}
#about p {
  max-width:800px;
  margin:1rem auto;
  line-height:1.6;
}

/* İLETİŞİM */
#contact h2 { margin-bottom:.5rem; }
#contact a {
  color:#0ff; text-decoration:none;
  font-weight:bold;
}

/* FOOTER */
footer {
  padding:2rem;
  text-align:center;
  font-size:.9rem;
  background:rgba(0,0,0,0.3);
}

/* RESPONSIVE */
@media(max-width:600px) {
  /* #hero h2 { font-size:2.2rem; } */
  #hero h1 { font-size:2.2rem; }
  #hero p  { font-size:1rem; }
}


/* Kardeşim Takıntılımısın Neden 1 Sayfanın CSS KODLARINA BAKARSIN SİE LAN ŞU KAYNAK KODLARA BAKMA Allah allh ya bizi patlatacak aw :D deli değilim sadece can sıkıntısında yazdım bunu delide olabilirim şüpheli otizimde var bende kb :DD */