.container {
    width: 1200px;
    height: 675px;
    margin: 0 auto;
    position: relative;
}

.container .leopad {
    width: 1200px;
    height: 675px;
}

.leopad {
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

#text1 {
    position: absolute;
    top: 229px;
    left: 458px;
    font-size: 26px;
    font-weight: 600;
    font-family: cursive;
}

#input1 {
    position: absolute;
    top: 336px;
    left: 458px;
    font-size: 36px;
    font-weight: 600;
    font-family: cursive;
    width: 290px;
    background: none;
    border: 0;
}

#input2 {
    position: absolute;
    top: 459px;
    left: 518px;
    font-size: 76px;
    font-weight: 600;
    font-family: cursive;
    width: 290px;
    background: none;
    border: 0;
    pointer-events: none;
}

#button0 {
    position: absolute;
    top: 422px;
    left: 918px;
    font-size: 0px;
    font-weight: 600;
    font-family: cursive;
    width: 44px;
    height: 44px;
    background: none;
    border: 0;
    cursor: pointer;
}

#button1 {
    position: absolute;
    top: 362px;
    left: 858px;
    font-size: 0px;
    font-weight: 600;
    font-family: cursive;
    width: 44px;
    height: 44px;
    background: none;
    border: 0;
    cursor: pointer;
}

#button2 {
    position: absolute;
    top: 362px;
    left: 919px;
    font-size: 0px;
    font-weight: 600;
    font-family: cursive;
    width: 44px;
    height: 44px;
    background: none;
    border: 0;
    cursor: pointer;
}

#button3 {
    position: absolute;
    top: 361px;
    left: 978px;
    font-size: 0px;
    font-weight: 600;
    font-family: cursive;
    width: 44px;
    height: 44px;
    background: none;
    border: 0;
    cursor: pointer;
}

#button4 {
    position: absolute;
    top: 302px;
    left: 858px;
    font-size: 0px;
    font-weight: 600;
    font-family: cursive;
    width: 44px;
    height: 44px;
    background: none;
    border: 0;
    cursor: pointer;
}

#button5 {
    position: absolute;
    top: 301px;
    left: 918px;
    font-size: 0px;
    font-weight: 600;
    font-family: cursive;
    width: 44px;
    height: 44px;
    background: none;
    border: 0;
    cursor: pointer;
}

#button6 {
    position: absolute;
    top: 302px;
    left: 979px;
    font-size: 0px;
    font-weight: 600;
    font-family: cursive;
    width: 44px;
    height: 44px;
    background: none;
    border: 0;
    cursor: pointer;
}

#button7 {
    position: absolute;
    top: 241px;
    left: 858px;
    font-size: 0px;
    font-weight: 600;
    font-family: cursive;
    width: 44px;
    height: 44px;
    background: none;
    border: 0;
    cursor: pointer;
}

#button8 {
    position: absolute;
    top: 242px;
    left: 919px;
    font-size: 0px;
    font-weight: 600;
    font-family: cursive;
    width: 44px;
    height: 44px;
    background: none;
    border: 0;
    cursor: pointer;
}

#button9 {
    position: absolute;
    top: 242px;
    left: 978px;
    font-size: 0px;
    font-weight: 600;
    font-family: cursive;
    width: 44px;
    height: 44px;
    background: none;
    border: 0;
    cursor: pointer;
}

#button10 {
    position: absolute;
    top: 422px;
    left: 858px;
    font-size: 0px;
    font-weight: 600;
    font-family: cursive;
    width: 44px;
    height: 44px;
    background: none;
    border: 0;
    cursor: pointer;
}

#button11 {
    position: absolute;
    top: 422px;
    left: 979px;
    font-size: 0px;
    font-weight: 600;
    font-family: cursive;
    width: 44px;
    height: 44px;
    background: none;
    border: 0;
    cursor: pointer;
}

#button12 {
    position: absolute;
    top: 473px;
    left: 884px;
    font-size: 0px;
    font-weight: 600;
    font-family: cursive;
    width: 115px;
    height: 118px;
    background: none;
    border: 0;
    cursor: pointer;
}

#imgot1 {
    position: absolute;
    top: 245px;
    left: 338px;
    font-size: 0px;
    font-weight: 600;
    font-family: cursive;
    width: 45px;
    background: none;
    border: 0;
}

#imgot2 {
    position: absolute;
    top: 315px;
    left: 332px;
    font-size: 0px;
    font-weight: 600;
    font-family: cursive;
    width: 42px;
    background: none;
    border: 0;
}

#imgot3 {
    position: absolute;
    top: 389px;
    left: 330px;
    font-size: 0px;
    font-weight: 600;
    font-family: cursive;
    width: 40px;
    background: none;
    border: 0;
}

@keyframes tilt-shaking {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(5deg);
    }

    50% {
        transform: rotate(0eg);
    }

    75% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

#play {
    color: #fff;
    position: absolute;
    top: 211px;
    left: 608px;
    text-decoration: none;
    font-size: 120px;
    font-family: cursive;
    animation: tilt-shaking 0.55s infinite;
}

#poz {
    position: absolute;
    top: 0;
    left: 320px;
    font-weight: 600;
    color: #000;
    font-size: 20px;
}
#okey {
    font-size: 20px;
    margin-top: 20px;
    padding: 4px 20px;
}