*{margin:0;padding:0}body,html{height:100%}body{align-items:center;background-image:url(https://games.djordjeungar.com/images/craftbg.jpeg);background-size:cover;color:#1f3349;display:flex;font-family:Open Sans,Arial,sans-serif;font-size:1em;font-weight:300;justify-content:center;letter-spacing:0;position:relative}body:after{background-color:hsla(0,0%,100%,.5);bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}section{margin-bottom:1em}.main{width:380px}.main img{width:100%}.outline{background-color:#fff;border:.13em solid #f37e00;border-radius:.3em;color:blue}.info,.zadatak{margin:0 auto 1em}input{background-color:#fff;color:#414141;font-weight:700;margin:.07em;outline:none;text-align:center}.zadatak input{font-size:2.3em;width:1.5em}.button,button{background-color:#f7a12b;border:none;border-radius:.3em;color:#fff;cursor:pointer;font-size:1.3em;font-weight:700;margin:0 .2em;outline:none;padding:.4em;text-align:center;text-decoration:none;white-space:nowrap;width:2.2em}button:hover{background-color:#00b0b0}button.wrong,button.wrong:hover{background-color:#f7012b}button.correct,button.correct:hover{background-color:#01f72b}.included-numbers{margin:0 .2em}.included-numbers .button{background-color:#aaa;border:none;border-radius:.3em;color:#fff;color:#888;cursor:pointer;font-size:1em;font-weight:700;margin:.1em;outline:none;padding:.2em;text-align:center;white-space:nowrap}.button.checked{background-color:#00b0b0;color:#fff}.center{text-align:center}.flex-center{align-items:center;justify-content:center}.vbox{flex-direction:column}.hbox,.vbox{align-items:center;display:flex}.hbox{flex-direction:row}.timer{width:270px}.buttons a{display:inline-block;width:auto}.ui-button:hover{background-color:#8eb000;color:#fff;text-decoration:none}.timer{padding:1em}.bubblewrap{padding:.2em}.panel{background-color:hsla(0,0%,100%,.5);border:none;border-radius:.3em;color:#1f3349;padding:.5em;text-align:left}.shake{animation:shake .5s}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}@media only screen and (max-width:480px){.main,.main img{width:100%}.zadatak input{font-size:1.5em;width:1.5em}.buttons,.buttons a,.timer{width:100%}.included-numbers .button{font-size:.8em}}