@import url('https://fonts.googleapis.com/css?family=Encode+Sans:100,200,300,400,500,600,700,800,900&display=swap');
/*
background: radial-gradient(ellipse at bottom, #4d9f0c, transparent); --> ŞEKİLLİ GÖRÜNÜM
background: linear-gradient(40deg, hsla(155, 61%, 54%, 0.9686274509803922) 0%, hsla(27, 5%, 36%, 0.9686274509803922) 100%);
*/

/* STANDART --> CSS-LER */
.sifirla
{
   margin: 0px;
   padding: 0px;
}

.boyutla
{
   width: 100%;
   height: auto;
}

#boyutla
{
   width: 100%;
   height: auto;
}

.kisalt
{
  overflow: hidden; /* taşanları gizle */
  white-space: nowrap; /* alt satıra hiç inme */
  text-overflow: ellipsis; /* eğer uzunsa üç nokta koy */
  width: 100%;
}
/* STANDART --> CSS-LER */

/* ÖZEL --> CSS-LER */
.icerik
{
  background: red;
}

.icerik:hover
{
  margin-top: 20px;
}

.umre
{
  border: 1px solid #29176f;
}

.umre .incele
{
  background: #29176f;
  padding: 13px;
  margin: 10px;
  color: white;
  font-size: 20px;
  font-weight: 500;

  margin-top:20px;
  border-radius: 10px;
}

.umre .incele a
{
  color: white;
}


.umre .oda
{
  background: #29176f;
  margin: 10px;
}

.umre .oda span
{
  font-size: 16px;
  color: white;
}

.umre img
{
  padding: 12px;
}

.umre h3 a, .gun_sayisi a
{
  color: black;
  padding: 13px;
}

.umre h3 a:hover, .gun_sayisi a:hover
{
  color: #29176f;
}


/*

.umre .baslik
{
  background: 29176f;
  color:white;
}

.umre h4 a, .gun_sayisi a
{
  color: black;
}

.umre h4 a:hover, .gun_sayisi a:hover
{
  color: #29176f;
}

*/

/* ÖZEL --> CSS-LER */


/* FONT-YAZI --> CSS-LERÄ° */
#Encode_Sans
{
    font-family: 'Encode Sans', sans-serif;
}

.Encode_Sans
{
    font-family: 'Encode Sans', sans-serif;
}

.yazi_100
{
   font-weight: 100;
}

.yazi_200
{
   font-weight: 200;
}

.yazi_300
{
   font-weight: 300;
}

.yazi_400
{
   font-weight: 400;
}

.yazi_500
{
   font-weight: 500;
}

.yazi_600
{
   font-weight: 600;
}

.yazi_700
{
   font-weight: 700;
}

.yazi_800
{
   font-weight: 800;
}

.yazi_900
{
   font-weight: 900;
}
/* FONT-YAZI --> CSS-LERÄ° */

/* HÄ°ZALAMA --> CSS-LERÄ° */
.left
{
  float: left;
}

.right
{
  float: right;
}
/* HÄ°ZALAMA --> CSS-LERÄ° */

/* MARGÄ°N & PADDÄ°NG --> CLASS-LARI */
.margin-top-10
{
   margin-top: 10px;
}

.margin-bottom-10
{
   margin-bottom: 10px;
}

.padding-top-10
{
   padding-top: 10px;
}

.padding-bottom-10
{
   padding-bottom: 10px;
}

.margin-top-20
{
   margin-top: 20px;
}

.margin-bottom-20
{
   margin-bottom: 20px;
}

.padding-top-20
{
   padding-top: 20px;
}

.padding-bottom-20
{
   padding-bottom: 20px;
}

.margin-top-30
{
   margin-top: 30px;
}

.padding-top-30
{
   padding-top: 30px;
}

.margin-bottom-30
{
   margin-bottom: 30px;
}

.padding-bottom-30
{
   padding-bottom: 30px;
}

.margin-top-40
{
   margin-top: 40px;
}

.padding-top-40
{
   padding-top: 40px;
}

.margin-bottom-40
{
   margin-bottom: 40px;
}

.padding-bottom-40
{
   padding-bottom: 40px;
}


.margin-top-50
{
   margin-top: 50px;
}

.padding-top-50
{
   padding-top: 50px;
}

.margin-bottom-50
{
   margin-bottom: 50px;
}

.padding-bottom-50
{
   padding-bottom: 50px;
}

.margin-top-60
{
   margin-top: 60px;
}

.padding-top-60
{
   padding-top: 60px;
}

.margin-bottom-60
{
   margin-bottom: 60px;
}

.padding-bottom-60
{
   padding-bottom: 60px;
}
/* MARGÄ°N & PADDÄ°NG --> CLASS-LARI */