.game-button{
    width:100%;
    min-height:300px;
    margin-top:15px;
    font-size:100px;
}
.game-button:hover{
    border: 10px solid #ffcb00e8;
}

.game-image{
    width: 160px;
    position: absolute;
    bottom: 10px;
    top: auto;
    right:30px !important;
    left: auto;
}
.hint-image{
    position: fixed;
    left:0px;
}

.hint-image.bottom{
    height: 300px;
    bottom: 0px;
    right: 0px;
    left: auto;
}

.blinking{
    animation:blinkingText 1.2s infinite;
    padding-bottom: 0px;
    padding-top: 5px;
    position: fixed;
    left: 10px;
    background: #66fa00;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    display: inline-block;
    line-height: 55px;
    font-size: 30px;
    font-weight: 700;
    border-radius:50%;
}

.blinking:before{
    content: " ";
    backgound:url(main.png);
}

@keyframes blinkingText{
    0%{     color: #000;    }
    49%{    color: #000; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #000;    }
}

.info-box{
    position: fixed;
    left: auto;
    right: 40px;
}

.timer {
    font-size: 30px;
    font-weight: 800;
    display: inline-block;
}

.clock-frame{
    border: 4px solid #ba9d00;
    padding: 5px;
    margin-top: 15px;
    min-width: 100px;
}

.clock-frame .fa-clock {
    font-size: 30px;
    color: #09c791;
}
.answer-counter{
    padding-top:15px;
    font-weight: 600;
    font-size: 25px;
}

.answer-counter .fa-check-square{
    color:#3ec700;
}

.answer-counter .fa-times-circle{
    color:red;
}

.btn-play{
    margin-top:20px;
}