input,
textarea,
select {
  color: inherit;
  caret-color: currentColor;
}

input::placeholder,
textarea::placeholder {
  color: currentColor;
  opacity: 0.6;
}

html.dark input,
html.dark textarea,
html.dark select {
  color: #fff !important;
  caret-color: #fff !important;
}

html.dark input::placeholder,
html.dark textarea::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: currentColor;
  transition: background-color 9999s ease-out 0s;
}

html.dark input:-webkit-autofill,
html.dark input:-webkit-autofill:hover,
html.dark input:-webkit-autofill:focus,
html.dark textarea:-webkit-autofill,
html.dark textarea:-webkit-autofill:hover,
html.dark textarea:-webkit-autofill:focus,
html.dark select:-webkit-autofill,
html.dark select:-webkit-autofill:hover,
html.dark select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff !important;
}

html,
body {
  overflow-x: hidden;
}

@media (max-width: 900px) {
  header:has(a[href="/eserlerim"]) {
    padding-left: 12px;
    padding-right: 12px;
  }

  header:has(a[href="/eserlerim"]) nav {
    flex-wrap: wrap;
    gap: 10px;
  }

  header:has(a[href="/eserlerim"]) a {
    font-size: 14px;
  }
}

@media (max-width: 600px) {
  header:has(a[href="/eserlerim"]) nav {
    justify-content: center;
  }

  header:has(a[href="/eserlerim"]) a {
    font-size: 13px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}