@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap');
html, body { height: 100%; width: 100%; color: #333333; margin: 0; padding: 0; font-size: 16pt; line-height: 1.4; }
body { font-family: 'Roboto', sans-serif; min-height: 100%; background: url(../img/zemin_hata.jpg) no-repeat center; background-size: cover; }
.body_success { background: url(../img/zemin_checked.jpg) no-repeat center; background-size: cover; }
.wrapper { position: relative; min-height:100%;}
.container { display: block; width: 800px; margin: auto; padding: 40px 0 80px 0; text-align: center;}
header { padding: 10px 0; }
figure.Logo { display: block; width: 240px; margin: auto; }
	figure.Logo img, figure.resim img{ display: block; width: 100%; }

figure.resim { display: block; width: 280px; margin: 100px auto auto auto; }
.bilgilendirme { margin: 40px auto; padding: 0 10px; }
.aGeri { display: block; width: 160px; margin: auto; background: #1ea8b3; color: #fff; text-decoration: none; border-radius: 20px; font-size: 14pt; line-height: 40px; -webkit-transform: perspective(1px) translateZ(0); -moz-transform: perspective(1px) translateZ(0); -o-transform: perspective(1px) translateZ(0); -ms-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; -webkit-box-shadow: 10px 10px 18px -9px rgba(0,0,0,0.4); -moz-box-shadow: 10px 10px 18px -9px rgba(0,0,0,0.4); box-shadow: 10px 10px 18px -9px rgba(0,0,0,0.4); }
	.aGeri:before { content: ''; position: absolute; border: #1ea8b3 solid 1px; border-radius: 25px; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation-duration: 1s; animation-duration: 1s; }
	.aGeri:hover:before, .aGeri:focus:before, .aGeri:active:before { -webkit-animation-name: aGeri; animation-name: aGeri; border: #1ea8b3 solid 1px; }

.renkli { color:#5dc90a; margin: 0; }
.renkli2 { color:#c7a73c; margin: 0; }
.renkli3 { color:#d30000; margin: 0; }
.margin_10 {margin:10px 0; }
@-webkit-keyframes aGeri {
	100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; }
}

@keyframes aGeri {
	100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; }
}

footer { position: absolute; left: 0; bottom: 0; right: 0; height: 35px; background: #1ea8b3; color: #fff; text-align: center; line-height: 35px; font-size: 12pt; }
.flex-container { display: flex; position: relative; align-items: center; }
	.flex-container > div { width: 33%; }
		.flex-container > div a { color: #fff; text-decoration: none; }

@media only screen and (max-width:800px) {
	.container { width: 100%; padding-bottom: 40px; }
	figure.resim { max-width: 400%; width: 75%; margin: 20px auto; }
	footer { position: relative; height: auto; }
	.flex-container { display: block; }
		.flex-container > div { width: 100%; }
}