<div class="glass">BUZLU CAM EFEKTİ</div>

@import url('https://fonts.googleapis.com/css?family=Rajdhani:300&display=swap');

.glass {
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  box-shadow: 0px 20px 18px rgba(0, 0, 0, 0.30);
  width: 80%;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 4em;
  letter-spacing: 0.75em;
}

























body, html {
  height: 100%;
  margin: 0;
  padding: 0;
}


body {
   display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1376484/jess-harding-lqT6NAmTaiY-unsplash.jpg);
  background-size: cover;
  background-position: center;
font-family: 'Rajdhani', sans-serif;

}

*, *:before, *:after {
  box-sizing: border-box;
}