body {
  font-family: "Poppins", sans-serif;
  background: #FFF;
  background-size: contain;
  height: 100vh;
  margin: 0;
  color: #333;
  text-align: center;
  overflow: hidden;
}
.sohbetalan {margin-top:20px;}
h1 {font-weight: bold;}
p { position: relative; z-index: 1000; -webkit-appearance: none; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important; border-radius: 38px; padding: 8px; color: #555555;}
.logo{position: relative; z-index: 1000;}
.login {width: 98%; min-height: 150px; margin: auto;}
@media (min-width: 992px) { .login { width: 700px; min-height: 150px; margin: auto;}}
.line{width: 100%; height: 1px; display: block; background: #466401; margin-top: 35px; margin-bottom: 15px; opacity: 0.5; border-radius: 38px;}
.giris button{padding: 15px 40px; border-radius: 38px; border: none; outline: none; cursor: pointer; font-weight: bold; }
.giris_color{background: #d72929; color: #FFF;}
.guest_color{background: #a2d729; color: #FFF;}
.kayit_color{background: #333; color:#FFF;}
.img_left{position: absolute; left:0; top: 0;}
.img_left img{width: 150px; height: 248px;}
@media (min-width: 1200px) { .img_left img { width: 600px; height: 990px;}}
.img_bottom{position: absolute; right: 0; bottom: 0;}
.img_bottom img{width: 80px; height: 100px;}
@media (min-width: 1200px) { .img_bottom img { width: 318px; height: 355px;}}
.footer{position: absolute; left: -10px; right: 20px; bottom: 25px; font-size: 12px; color: #ccc;}
@media (min-width: 992px) { h1ss { margin-left: 20%;}}
@media only screen and (max-width: 768px) {
    .guest_color {
        margin-top: 20px;
    }
}