@font-face {
    font-family: 'ttkb_dik_temel_abecebold';
    src: url('ttkbbold-webfont.woff2') format('woff2'),
         url('ttkbbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'alarm_clockregular';
    src: url('alarm_clock-webfont.woff2') format('woff2'),
         url('alarm_clock-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body{
    font-family: 'ttkb_dik_temel_abecebold';
    background-color: #F5F5F5;
}
.sayac{
    font-family: 'alarm_clockregular';
    font-size: 24px;
    color : #FF6F5F;    
    padding: 5px;
    background-color: #FFE39F;
    border-radius: 5px;
    border: 2px solid #FF6F5F;
    position: absolute;
    height: 50px;
    width: 50px;
    text-align: center;
    float:right;
    margin-top: -8px;
    margin-left: 550px;
    }
    /*  Sayac CSS*/
.sorudiv{
	//margin: 50px auto;
    padding: 0px 20px;
}
.butonlardiv{
	width: 150px;
    }
.secenek{

    }
.sablon {
    width: 900px;
    height: 650px;
    margin: 20px;
    }
.front, .back, .other-front, .other-back {
    border: 2px gray solid;
    padding: 10px;
    }
.front, .other-front {
    background-color: #FFF;
    }
.back, .other-back {
    background-color: #FFF;
    }
    .resim{
        height: 125px;
        width: 125px;
    }

button[type=button]{
    height: 135px;
    width: 135px;
    padding: 5px 15px 5px 5px;
    margin-bottom: 5px;
}