body,html{margin:0;padding:0;height:100%;width:100%;overflow:hidden}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:62.5%}body{font-size:1.6em;line-height:1.45;background:#fff;color:#222}*,:after,:before{box-sizing:inherit;transition:all .3s ease-out}article,aside,footer,header,main,menu,nav,section{display:block}a{background-color:transparent;text-decoration:none;color:#b2a7cc}a:active,a:hover{outline:0;color:#222;text-decoration:underline}b,strong{font-weight:700}small{font-size:80%}img{border:0;display:block}hr{height:0;margin:20px 0;border:none;border-top:1px dotted #ccc;display:none}button{font:inherit;margin:0;padding:0;overflow:visible;text-transform:none;-webkit-appearance:button;cursor:pointer;display:inline-block;height:4rem;line-height:4rem;text-transform:uppercase;font-size:1rem;font-weight:700;letter-spacing:.3rem;text-align:center;color:#555;background:#fff;border:1px solid #ccc;white-space:nowrap;border-radius:3px}button:focus,button:hover{text-decoration:none;border:1px solid #555;color:#000;outline:0}button::-moz-focus-inner{border:0;padding:0}ul{list-style:none}li,ul{margin:0;padding:0}@font-face{font-family:icon;src:url(../fonts/icon.eot?66471096);src:url(../fonts/icon.eot?66471096#iefix) format("embedded-opentype"),url(../fonts/icon.woff2?66471096) format("woff2"),url(../fonts/icon.woff?66471096) format("woff"),url(../fonts/icon.ttf?66471096) format("truetype"),url(../fonts/icon.svg?66471096#icon) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:url(../fonts/montserrat-regular.eot);src:local("Montserrat-Regular"),url(../fonts/montserrat-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/montserrat-regular.woff2) format("woff2"),url(../fonts/montserrat-regular.woff) format("woff"),url(../fonts/montserrat-regular.ttf) format("truetype"),url(../fonts/montserrat-regular.svg#Montserrat) format("svg");font-display:swap}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:url(../fonts/montserrat-bold.eot);src:local("Montserrat-Bold"),url(../fonts/montserrat-bold.eot?#iefix) format("embedded-opentype"),url(../fonts/montserrat-bold.woff2) format("woff2"),url(../fonts/montserrat-bold.woff) format("woff"),url(../fonts/montserrat-bold.ttf) format("truetype"),url(../fonts/montserrat-bold.svg#Montserrat) format("svg");font-display:swap}body{font-family:Montserrat,sans-serif;font-weight:400;font-size:1.2rem}header{height:60px;line-height:55px}header h1{font-size:1.8rem}header h1 #kolor-logo{margin:14px 5px 0 0;width:24px;height:24px}header #kolor-feedback{font-size:1.8rem}main{padding:60px 0 36px}main #kolor-game-block #kolor-data{height:60px}main #kolor-game-block #kolor-data li{height:60px;padding:10px 0}main #kolor-game-block #kolor-data li span.kolor-data-def{height:15px;line-height:15px;font-size:.9rem}main #kolor-game-block #kolor-data li strong{height:25px;line-height:25px;font-size:1.8rem}main #kolor-game-block #kolor-kolor{font-size:1.8rem}main #kolor-game-block #kolor-options{padding:10px 0;height:140px;width:300px}main #kolor-game-block #kolor-options.items-10{width:300px}main #kolor-game-block #kolor-options.items-8{width:240px}main #kolor-game-block #kolor-options.items-6{width:180px}main #kolor-game-block #kolor-options.items-4{width:120px}main #kolor-game-block #kolor-options li{width:60px;height:60px;padding:5px}main #kolor-game-block #kolor-options a{border-radius:50px;width:50px;height:50px;line-height:50px}footer #footer-content{height:36px;line-height:36px}footer #credits{font-size:.9rem}footer #support img{width:auto;height:26px}.content{padding:0 10px}.modal{width:275px;font-size:1.3rem}.modal button{font-size:.9rem}@media (min-width:481px){header{height:80px;line-height:75px}header h1{font-size:2.6rem}header h1 #kolor-logo{margin:18px 10px 0 0;width:36px;height:36px}header #kolor-feedback{font-size:2.6rem}main{padding:80px 0 50px}main #kolor-game-block #kolor-data{height:90px}main #kolor-game-block #kolor-data li{height:90px;padding:20px 0}main #kolor-game-block #kolor-data li span.kolor-data-def{height:20px;line-height:20px;font-size:1.2rem}main #kolor-game-block #kolor-data li strong{height:30px;line-height:30px;font-size:2.6rem}main #kolor-game-block #kolor-kolor{font-size:2.6rem}main #kolor-game-block #kolor-options{padding:20px 0;height:280px;width:600px}main #kolor-game-block #kolor-options.items-10{width:600px}main #kolor-game-block #kolor-options.items-8{width:480px}main #kolor-game-block #kolor-options.items-6{width:360px}main #kolor-game-block #kolor-options.items-4{width:240px}main #kolor-game-block #kolor-options li{width:120px;height:120px;padding:10px}main #kolor-game-block #kolor-options a{border-radius:100px;width:100px;height:100px;line-height:100px}footer #footer-content{height:50px;line-height:50px}footer #credits{font-size:1.2rem}footer #support img{width:auto;height:35px}.content{padding:0 20px}.modal{width:300px;font-size:1.8rem}.modal button{font-size:1rem}}header{padding:5px 0 0;overflow:hidden;border-bottom:1px solid #ccc;box-shadow:0 2px 0 0 rgba(0,0,0,.05)}header,header:before{position:absolute;top:0;left:0;width:100%}header:before{content:" ";display:block;height:5px;background:linear-gradient(90deg,#b2a7cc 0,#b0dbca 15%,#b7e1bc 30%,#d8eac4 50%,#f8f7c6 65%,#fbb9a3 80%,#f6747f)}header h1{margin:0;padding:0 0 0 5px;text-transform:uppercase;font-weight:700;float:left}header h1 #kolor-logo{display:block;float:left}header h1 a{color:#222}header h1 a:hover{text-decoration:none}header #kolor-feedback{padding:0 5px 0 0;float:right;font-weight:700}header #kolor-feedback .right{color:#0a0}header #kolor-feedback .wrong{color:#c00}main #kolor-game-block #kolor-data li{background:#f2f2f2;border-left:1px solid #fff;border-right:1px solid #fff;width:25%;display:block;float:left;text-align:center;text-shadow:0 1px 0 #fff}main #kolor-game-block #kolor-data li span.kolor-data-def{display:block;text-transform:uppercase}main #kolor-game-block #kolor-data li strong{display:block}main #kolor-game-block #kolor-kolor{overflow:hidden;color:#fff;text-align:center;box-shadow:inset 0 -2px 0 0 rgba(0,0,0,.1),inset 0 2px 0 0 rgba(0,0,0,.1);text-shadow:0 -1px 1px rgba(0,0,0,.2);position:relative}main #kolor-game-block #kolor-kolor span{font-weight:400;display:block;position:relative;top:50%;transform:translateY(-50%);height:20px;line-height:20px}main #kolor-game-block #kolor-kolor #kolor-kolor-feedback-fail{width:100%;height:100%;position:absolute;top:0;left:0;display:none;box-shadow:inset 0 0 0 10px red,inset 0 0 0 11px #fff}main #kolor-game-block #kolor-options{transition:all .1s ease-out;overflow:hidden;margin:0 auto}main #kolor-game-block #kolor-options li{display:block;float:left}main #kolor-game-block #kolor-options a{display:block;text-align:center;cursor:pointer;color:#fff;background-clip:padding-box;border:1px solid #fff;box-shadow:0 1px 0 1px rgba(0,0,0,.1)}main #kolor-game-block #kolor-options a.disabled{cursor:default}main #kolor-end-block,main #kolor-end-block #kolor-final-is-best{display:none}footer{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;border-top:1px solid #ccc;background:#fff}footer #credits{color:#6f6f6f;float:left}footer #credits a{border-bottom:1px dotted #b2a7cc}footer #credits a:hover{border-bottom:1px solid #000;text-decoration:none}footer #support{float:right;height:100%;display:flex;align-items:center}.content{margin:0 auto;width:100%;max-width:970px}.modal{position:absolute;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;border:1px solid #ccc;background:#fff;padding:10px 20px 20px;box-shadow:0 0 0 4px rgba(0,0,0,.1)}.modal p{margin:20px}.modal button{margin:0 0 10px;width:235px}.modal .tweet-button{background:#00aced;border:1px solid #00aced;color:#fff}.modal .tweet-button:hover{background:#000;border:1px solid #000}.modal .tweet-button:before{content:"\74";font-family:icon;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0 5px 0 0}.blured{-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}#kolor-kolor{background:#b2a7cc}#kolor-options li:first-child a{background:#d8eac4}#kolor-options li:nth-child(2) a{background:#f8f7c6}#kolor-options li:nth-child(3) a{background:#fbb9a3}#kolor-options li:nth-child(4) a{background:#f6747f}#kolor-options li:nth-child(5) a{background:#b0dbca}#kolor-options li:nth-child(6) a{background:#b7e1bc}#billboard{padding:10px 0 0;margin:0 auto;width:235px}@media (min-width:481px){#billboard{padding:10px 0}}#alt-content a{display:block}#alt-content a img{margin:0 auto}.overlay{z-index:200;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;color:#222;text-align:center}.overlay p{margin:0 auto;width:240px;position:relative;top:50%;transform:translateY(-50%)}#orientation{display:none;font-size:1.8rem}#orientation strong{font-size:4.6rem;display:block}@media only screen and (max-height:481px) and (max-width:760px) and (orientation:landscape){#orientation{display:block}}#loader{overflow:hidden;font-size:2.6rem}#loader .spinner{display:block;margin:5px auto;-webkit-animation:spin 2s ease-in-out infinite;animation:spin 2s ease-in-out infinite}#loader .spinner,#loader .spinner #kolor-spin{width:36px;height:36px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}