body {
  position: relative;
  height: 100vh;
  margin: 0;
}

body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/arka.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  opacity: 0.3; /* Saydamlık değerini burada ayarlayın (0 ile 1 arasında) */
  z-index: -1; /* İçeriklerin arkasında kalmasını sağlar */
}

.kutu
{

  height:80px;
  background:white;
  padding:5px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px; 
  float:right;
  margin-right:3px;

}

.kutu strong
{

  width: 100%;
  font-size: 1.8em;
  letter-spacing: -0.03em;
  padding-top: 1.1em;
  color: white;

}

.yesil1
{

  background:#2ece83;

}
.yesil2
{

  background:#20a567;

}
.yesil3
{

  background:#198754;

}
.baslik{
  font-size: 1.75em;

  font-weight: 800;
  color: #444;
}
.tarih {
  font-weight: 700;
  color: #444;
}

.kutu em
{

  width: 100%;
  font-size: 1 em;
  margin:auto;
  color: white;

}
@media screen and (max-width: 736px) {
  .baslik {
    font-size: 13pt;

  }
  .tarih {
    font-size: 10pt;
  }
}