@font-face {
  font-family: 'Poppins';
  src: url('/fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

html, body {
  margin: 0; 
  padding: 0; 
}

body {
  background-color: #0d0e0d;
/* çizgiler #212122   */
  text-align: center;
  align-items: center;
  justify-content: center;
}

.handle{
  text-align: center;
  margin-top: 14px;
  font-weight: 700;
  font-size: 20px;
  color: black
}

.pp{
  width:120px;
  height:120px;
  border-radius:50%;
  object-fit:cover;
  border:3px solid rgba(255,255,255,0.06);
  box-shadow:0 8px 30px rgba(99,102,241,0.08);
  display:block;
  margin: 40px auto 0;
  
}

::selection{
  background-color: #0d0e0d;
  background: none;
  color: white;
  text-shadow: 0 1px 9px white;
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1px white;
}

.Hiiam{
  color: white;
  font-size: 45px;
  text-align: center;
  font-family: 'Poppins', Sans-Serif;
}

.iFirenn{
  background: linear-gradient(to right, #ae70bc, #8d1f1f, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 45px;
  text-align: center;
  font-family: 'Poppins', Sans-Serif;
}

.wai{
  font-family: Arial;
  color: white;
}

.products {
  border-radius: 5px;
  background-color: #e5c25c;
  border: none;
  padding: 5px 130px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease, transform 0.3s ease;
  cursor: pointer;
}

.products:hover {
  background-color: #b3e55c;
  transform: scale(1.05);
}

::-webkit-toolbar{
  background: gray;
  width: 100px;
}

::-webkit-scrollbar-thumb{
  color: black;
}

.im{
  font-family: Arial;
  color: white;
}

.card {
  margin: 20px;
  padding: 5px 130px;
  border-radius: 10px 10px 0px 0px;
  background: gray;
}