@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@200;300;400;500;600;700&display=swap');
html {
  scroll-behavior: smooth;
}

body{
	/*font-family: 'Readex Pro', sans-serif !important;
	font-size:14px;*/
	color: #ffe2a3;
	background: url('../img/arka.png') !important;
}







  .baslik{
  background: url(../img/baslik.png) no-repeat center;
  text-align: center;
  width: 100%;
  height: 94px;
  line-height: 94px;
  font-size: 22px;
  font-weight: bold;
  color: #ffd16a;
  text-shadow: 0px 0px 5px #7e0000;
  margin: 20px 0px 0px 0px;
  text-transform: uppercase;
}
}

@media (max-width: 767px) {
  .m-d-n{
    display: none;
    overflow: hidden;
  }

  .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border-color: #cfb26b !important;
    background: #260000;
  }

  .navbar-header{
    background: #460101;
  }

  .navbar-default .navbar-toggle{
    border-color: #ffd370!important;
  }

  .navbar-default .navbar-toggle .icon-bar{
    background-color: #c4904d !important;
  }

  .navbar-default .navbar-toggle:focus , .navbar-default .navbar-toggle:hover{
    background-color: #260000 !important;
  }

  .baslik{
    background: linear-gradient(to top, #4a0000, #ff0000);
    padding: 10px;
    max-width: 100%;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    color: #ffd473;
    border: 2px solid #ffc176;
    text-shadow: 1px 1px 1px #fb0000;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 30px;
    text-transform: uppercase;
  }
}

.navbar-default {
  background-color: transparent!important;
  border:none !important;
  text-align: center;
}

.navbar-default .navbar-nav>li>a{
  color: #ffd06b !important;
  font-size: 14px;
}

.navbar-default .navbar-nav>li>a:hover{
  color: #c69431 !important;
}

.head{
  background: url('../img/arkaplan.gif') no-repeat center;
  height: 705px;
  padding: 130px;
}





.icerik{
  background: #0b0708;
}
img{
  max-width: 100%;
}
hr{
  width: 50%;
  height: 1px !important;
  border-top: 1px solid #c09437 !important;
}

.baslik2{
  background: url(../img/baslik2.png) no-repeat center;
  text-align: center;
  max-width: 100%;
  height: 92px;
  line-height: 90px;
  font-size: 20px;
  font-weight: bold;
  color: #5e0000;
  text-shadow: 0px 2px 0px #ffdc88;
  margin: 20px 0px 10px 0px;
}

.baslik3{
  background: linear-gradient(to top, rgb(33 19 8), rgb(165 113 68));
  text-align: center;
  width: 320px;
  padding: 20px;
  font-size: 16px;
  font-weight: 900;
  color: #ffdbb3;
  text-shadow: 0px 2px 0px #0b0708;
  margin:20px 0px 10px 0px;
  border-radius: 15px;
  border: 1px solid #ffbc43;
}

.ml-auto, .mx-auto{
  margin-left: auto!important;
}

.mr-auto, .mx-auto {
  margin-right: auto!important;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.biyolog{
  max-width: 100%;
  display: block;
  margin-right: auto !important;
  margin-left: auto !important;
}
.ozellik{
  text-align: center;
  width: 100%;
  background: linear-gradient(to top, rgb(30, 30, 30), rgb(0 0 0));
  padding: 15px;
  border: 1px solid #c8b27f;
  margin: 5px;
  color: #ffc383;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 0 0 10px #000;
}

.biyolog .ozellik img{
  background: linear-gradient(1deg, #dfa218, #ffcc76);
  float:left;
  padding: 5px;
  margin: -3px 7px;
  border-radius: 25px;
  border: 2px solid #500000;
}

.biyolog .ozellik span{
  color: #ffc242;
  font-weight: bold;
}

/* EFSUN TABLOSU */

table{
  max-width: 100%;
  width: 100%;
}

table thead tr th{
  background: linear-gradient(to top, rgb(43, 43, 43), rgb(170, 170, 170));
  padding: 10px;
  color: #000;
  border: 1px solid #b1b1b1;
  text-align: center;
}

table tbody tr td{
  background: #000;
  padding: 10px;
  color: #ffd095;
  border: 1px solid #c4c4c4;
  text-align: center;
}

/* NPC */
.npc{
  max-width: 100%;
  display: block;
  margin-right: auto !important;
  margin-left: auto !important;
}

.npc li{
  width: 16.66%;
}

.npc li a{
  background: linear-gradient(to top, rgb(78 0 0), rgb(227 0 0));
  width: 95%;
  color: #ffcd5d;
  padding: 10px!important;
  border: 1px solid #ffc747;
}

/* DONUSUM */
.donusum{
  max-width: 100%;
  display: block;
  margin-right: auto !important;
  margin-left: auto !important;
}

.donusum li{
  width: 25%;
}

.donusum li a{
  background: linear-gradient(to top, rgb(63 37 24), rgb(103 57 34));
  width: 95%;
  color: #ffdc71;
  padding: 10px!important;
  border: 1px solid #ffd472;
}

.nav-pills>li{
  display: block;
  margin-right: auto !important;
  margin-left: auto !important;
}

.nav-pills>li.active>a, .nav-pills>li>a:hover, .nav-pills>li>a:focus, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
  background: linear-gradient(to top, rgb(40 0 0), rgb(120 0 0));
  color: #ffd472 !important;
  border: 1px solid #ffc747;
  background-color:transparent !important;
}

.nav-pills{
  display: block!important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.system{
  margin: 15px;
  border-radius: 15px;
  border: 2px solid #dfbf6e;
  box-shadow: 0 0 20px -5px #aaa;
  outline: 3px ridge rgb(2, 2, 2);
}

/* BACK TO TOP */

.back-to-top{
  position:fixed;
  bottom: 7em;
  right:0;
  margin:10px;
  display:none;
}

.aciklama{
  max-width: 100%;
  width: 100%;
  background: linear-gradient(1deg, #131313 30%, #000000 );
  border: 1px solid #c4c4c4;
  padding: 10px;
  color: #ffe5b3;
  margin-top: 5px;
  margin-bottom: 5px;
}

.aciklama h3{
  color:#ffce5f
}

#duyuru-alt {
  position: fixed;
  z-index: 999999;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  height: auto;
  color: #fafafa;
  text-shadow: 1px 1px 0px #000;
  border-top: 3px solid #ffab2d;
  background: linear-gradient(to top, #340101, rgb(197 3 3));
}

#duyuru-alt a {
  color: #ffc238;
  font-weight: 800;
  font-size: 30px;
  display: block;
  text-decoration: none;
}

#duyuru-alt span {
  font-size: 14px;
  font-weight: 700;
  color: #ffe7c4;
  text-shadow: 0px 1px 0px #000;
  text-transform: uppercase;
  display: block;
}
.discord-widget {
  transition-property: right;
  transition-duration: 2s;
  -webkit-transition-property: right; /* Safari */
  -webkit-transition-duration: 2s; /* Safari */
  position: fixed;
  bottom: 100px;
  left: 20px;
  z-index: 99999999;
}

.char .col-md-2{
  /* width: 20%; */
}

.item{
	box-shadow: 0 0 0px 1px #ffd472;
	border-radius: 3px;
	margin: 10px 0px;
	background-color: #200000;
	padding: 5px;
}