.cell,.wrapper{height:100%;text-align:center}@font-face{font-family:panton;src:url(Panton-Regular.woff2) format('woff2');font-weight:400}@font-face{font-family:panton;src:url(Panton-Bold.woff2) format('woff2');font-weight:700}body,html{height:100%;background-color:#bce4fa;color:#001689;font-weight:700;padding:0;margin:0;font-family:panton}.main{height:100%;width:100%;display:table}.wrapper{display:table-cell;vertical-align:middle}#grid-2x2{width:calc(60vw);display:grid;grid-template-columns:repeat(2,1fr);margin:-8em auto auto}.cell{width:100%;padding:0}.cell img{margin:auto;width:100%;animation-name:scale-in,fade-in;animation-duration:3s;max-width:calc(60vh)}.tunein{color:#E8E8BA;background:url(tunein.png) left center no-repeat;padding:8px 5px 10px 30px}.now{color:#FFFF0D;padding:1em}.curr{color:#E8E8BA}.spravna,.spravna-text{color:green!important}.blink_me{animation:blinker 1s linear infinite}@keyframes blinker{50%{opacity:0}}.spravna{border:5px solid green!important;accent-color:green!important;background:green!important}.wrap-layer{position:relative}.text-layer{position:absolute;width:100%;height:auto;top:0;left:0}#uvod{animation-name:fade-in;animation-duration:6s}.otazka{padding-left:2em;text-align:left;font-size:2em;position:relative;animation-name:fade-in,scale-in;animation-duration:3s}.snow,.window{position:absolute}.wrappik{display:table-cell;height:100%;vertical-align:middle;text-align:left;z-index:1000}.otazka_text{animation-name:fade-in;animation-duration:4s}.snow{width:10px;height:10px;background:#fff;border-radius:100%}.window{top:0;left:0;width:100%;height:90%;filter:drop-shadow(0 0 5px #bdbcbc)}input[type=radio]{-ms-transform:scale(2);-webkit-transform:scale(2);transform:scale(2);margin-top:-5px;vertical-align:middle;animation-name:fade-in;animation-duration:7s;accent-color:#001689;cursor:pointer;appearance:none;-webkit-appearance:none;border-radius:50%;background:#fff;border:5px solid #FFF}input[type=radio]:checked{border:5px solid #001689}.otazka form label{font-weight:400;animation-name:fade-in;animation-duration:7s;cursor:pointer;font-size:.7em}.debra{padding-top:5em}@keyframes scale-in{0%{scale:0}100%{scale:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:100%}}.hodnoceni{margin-top:-8em}.hodnoceni p{font-size:3em;font-weight:700;margin:0}#formular label{padding-left:.5em}.hodnoceni .otazka{padding-left:0}@media only screen and (max-width:1330px){#grid-2x2{width:80%}.debra{font-size:1.7em;margin-top:2em}}@media only screen and (max-width:1025px){#grid-2x2{width:90%}.debra{font-size:1.7em;margin-top:1.8em}}@media only screen and (max-width:840px){#grid-2x2{width:calc(90vw)}#uvod{font-size:2em!important}.debra{margin:0;margin-top:3em!important;font-size:1.4em}}@media only screen and (max-width:800px){.hodnoceni{margin-top:0!important}#uvod{font-size:2em!important}.debra{margin:0;margin-top:1em!important;font-size:1.4em}.otazka{font-size:1.5em!important}}@media only screen and (max-width:600px){#uvod{margin-top:0!important}.otazka{padding:0!important;margin:2em 0 0!important;font-size:1.5em!important}#grid-2x2{display:block}.cell{padding-top:1em}.wrappik{text-align:center!important}.cell img{max-width:40vh!important}#formular{text-align:left!important;padding-left:2em}.debra{padding-top:2em!important;font-size:1.5em}#uvod div img{width:50%!important;margin-top:0!important}}@media only screen and (max-width:376px){#grid-2x2{padding-top:2em!important}}@media only screen and (max-height:440px){#grid-2x2{padding-top:4em!important}#obrazek img{margin-top:1em!important}}