body,html{width:100%;height:100%;margin:0;font-family:Gill Sans,sans-serif}#wrapper{width:90%;height:auto;margin:0 auto}h3{color:#1b507f;font-weight:600;font-size:5vw;margin:0 auto;margin-top:30px;text-align:center;width:80%}.loading:after{content:' .';animation:dots 1s steps(5,end) infinite}@keyframes dots{0%,20%{color:transparent;text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}40%{color:#1b507f;text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}60%{text-shadow:.25em 0 0 #1b507f,.5em 0 0 transparent}80%,100%{text-shadow:.25em 0 0 #1b507f,.5em 0 0 #1b507f}}#myProgress{width:100%;height:40px;border-radius:5vw;margin:0 auto;background:repeating-linear-gradient( -55deg,#555,#555 10px,#444 10px,#444 20px );background-size:200% 200%;animation:barberpole 10s linear infinite}@keyframes barberpole{100%{background-position:50% 50%}}#myBar{border-radius:5vw;height:40px;background-color:#36a1ff;text-align:center;line-height:40px;color:#fff;font-size:4vw;background:repeating-linear-gradient( -55deg,#36A1FF,#36A1FF 10px,rgb(92,178,253) 10px,rgb(92,178,253) 20px );background-size:200% 200%;animation:barberpole 10s linear infinite}p{line-height:1.4;margin:0;font-size:4vw;color:#1b507f}.container{padding:10px}#instruction{width:95%;margin:0 auto}#btnOK{width:40%;font-size:4vw;color:#fff;margin:20px auto;margin-bottom:0;text-align:center;padding:10px;border-radius:5vw;border-top:1px solid #96d1f8;background:#36a1ff;background:-webkit-gradient(linear,left top,left bottom,from(#0c88f5),to(#36a1ff));background:-webkit-linear-gradient(top,#0c88f5,#36a1ff);background:-moz-linear-gradient(top,#0c88f5,#36a1ff);background:-ms-linear-gradient(top,#0c88f5,#36a1ff);background:-o-linear-gradient(top,#0c88f5,#36a1ff);-webkit-border-radius:5vw;-moz-border-radius:5vw;-webkit-box-shadow:#000 0 1px 0;-moz-box-shadow:#000 0 1px 0;box-shadow:#000 0 1px 0;text-shadow:rgba(0,0,0,.4) 0 1px 0;text-decoration:none}#btnOK:hover{background:#36a1ff;background:-webkit-gradient(linear,left bottom,left top,from(#0c88f5),to(#36a1ff));background:-webkit-linear-gradient(bottom,#0c88f5,#36a1ff);background:-moz-linear-gradient(bottom,#0c88f5,#36a1ff);background:-ms-linear-gradient(bottom,#0c88f5,#36a1ff);background:-o-linear-gradient(bottom,#0c88f5,#36a1ff);color:#fff;text-decoration:none}#btnOK:active{border-top-color:#1b507f;background:#1b507f;text-decoration:none}#countdown{margin:0 auto;width:40%;display:block;padding:10px;text-align:center;font-size:4vw;color:#1b507f}@media only screen and (min-width:800px){#wrapper{width:50%}.loading{font-size:3vw}#myProgress{height:30px}#myBar{height:30px;font-size:1.5vw;line-height:30px}p{font-size:1.5vw}#btnOK{font-size:1.5vw;text-decoration:none}#countdown{font-size:1.5vw}}@media only screen and (min-width:1400px){#wrapper{width:30%}.loading{font-size:2vw}#myProgress{height:30px}#myBar{height:30px;font-size:1vw;line-height:30px}p{font-size:1vw}#btnOK{font-size:1vw;text-decoration:none}#countdown{font-size:1vw}}@media only screen and (max-width:460px){#instruction{width:100%}#myBar{height:25px;line-height:20px}#myProgress{height:25px}}