/*
Sarısite giriş yapılmış sayfa CSS dosyası
*/
:root {
  --sari1: #ffff00; /*Tam Sarı - Arkaplan Rengi */
  --sari2: #ffea00; /*Orta Ton Sarı -  Footer,Kutular,Arama Çubuğu Focus Efekti Rengi*/
  --sari3: #ffd700; /*Koyu Sarı - Arama Çubuğu Rengi */
}

body {
  background-color: var(--sari1);

  font-family: sans-serif;

  padding: 0;

  margin: 0;
}

::selection {
  background-color: black;

  color: white;
}

.sarisite {
  font-size: 20vw;

  font-weight: bold;

  text-align: center;

  margin: 7px;
}

#description {
  font-size: 0.7rem;
}

#isimayarlabutonu {
  border: none;
  background: rgba(0,0,0,0.1);
  text-decoration: underline;
}

#arama-cubugu {
  background-color: var(--sari3);

  border: 3px black solid;

  border-radius: 50px;

  width: 93%;

  padding: 10px;

  margin: 0 auto;

  display: block;
}

#arama-cubugu:focus {
  background-color: var(--sari2);

  border: 4px solid #444;

  outline: none;
}

.kutu {
  background-color: var(--sari2);

  border: 2px black solid;

  border-radius: 5px;

  margin: 10px;

  padding: 3px;
}

.gonderi-kullaniciadi , .kullaniciadi {
  color: gray;
  text-decoration: none;
}

.gonderi-baslik , .baslik {
  color: black;

  margin-top: 2px;

  margin-bottom: 1px;
}
.gonderi-paragraf , .paragraf{
  color: black;
}

#gonderiolustur {
  background-color: var(--sari2);

  border: 2px black solid;

  border-radius: 6px;

  margin: 10px;

  padding: 9px;
}

.sosyallinks {
  text-align: center;
}

.linktext {
  color: white;

  text-decoration: none;

  padding: 7px;

  transition: transform 0.3s ease;
}

.linktext:active{
  transform: scale(0.9);
}

.linkbuttons {
  border-radius: 20px;

  padding: 5px;

  border: 1px black solid;

  transition: transform 0.3s ease;
}
.linkbuttons:active {  
  transform: scale(0.9);
}
.ytlink {
  background-color: red;
}

.inslink {
  background-color: purple;
}

.buttons {
  display: flex;

  justify-content: center;

  gap: 5px;

  flex-wrap: wrap;
}

.ortayahizalananlaryatayda {
  display: flex;

  justify-content: center;
}

ul {
  list-style: none;
}

ul li::before {
  content: "– ";
}

.githublink{
  background-color: black;
}

.glitchlink{
  background: linear-gradient(180deg,lightblue,pink);
}

footer{
  border-top: 1px solid black;
  background-color: var(--sari2);
  width: 100%;
  margin:0;
}

.telifyazisi{ 
  border-bottom: 1px solid gray;
}

.seffafkutu {
 margin: 10px;
 padding: 3px;
}

/* 
@media (700px) olan yatay mod( telefondaki)
ve bilgisayarlar icin
*/
@media (min-width: 700px) {
  .sarisite {
    font-size: 16vw;

    margin: 10px;
  }
  #description {
    font-size: 1.2rem;
  }
  .kutu , .seffafkutu{
    margin: 10px 22px;
  }
}
/*
@media (1505px) dev ekranlar için
*/
@media (min-width: 1505px) {
  .sarisite {
    font-size: 13vw;

    margin: 10px;
  }
  #desription {
    font-size: 1.5rem;
  }
  .kutu , .seffafkutu {
    margin: 14px 30px;
  }
}