@font-face{font-family:Roboto-regular;font-display:swap;src:local("Roboto-regular"),url(../fonts/roboto-regular-webfont.woff2) format("truetype")}@font-face{font-family:Roboto-bold;font-display:swap;src:local("Roboto-bold"),url(../fonts/roboto-bold-webfont.woff2) format("truetype")}::-webkit-input-placeholder{color:#666}::-moz-placeholder{color:#666}:-ms-input-placeholder{color:#666}::-ms-input-placeholder{color:#666}::placeholder{color:#666}::-moz-selection{background-color:orange;color:#fff}::selection{background-color:orange;color:#fff}input,textarea{outline:0}input:focus:required:invalid,textarea:focus:required:invalid{border-color:red}input:required:valid,textarea:required:valid{border-color:green}.disable-hover{pointer-events:none!important}body{font-family:Roboto,sans-serif;font-size:16px;min-width:320px;margin:0;position:relative;line-height:1.65;overflow-x:hidden}button{outline-color:#6495ed;-webkit-tap-highlight-color:transparent}button::-moz-focus-inner{border:0}a{outline-color:#6495ed;-webkit-tap-highlight-color:transparent}img{width:100%;vertical-align:bottom}.container-wrap{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100vw;height:100vh;background-image:url(../images/background.jpg);background-position:center;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;overflow-x:hidden}.container-wrap-active{opacity:.3}.canvas{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:#000;z-index:-1}.container{position:relative;width:90vmin;height:76vmin;margin:auto;--item-size:14.5vmin}.item{position:absolute;width:var(--item-size);-webkit-perspective:1000px;perspective:1000px}.item-bgi{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:1.5vmin;background-image:url(../images/background-card.jpg);background-size:contain;background-position:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.item-front{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition:.4s;-o-transition:.4s;transition:.4s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.item-rotate .item-front{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}.item-rotate .item-bgi{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.button-again{position:absolute;width:var(--item-size);padding:0;border:0;border-radius:1.5vmin;background-color:transparent;outline:0;overflow:hidden;cursor:-webkit-grab;cursor:grab}.button-again:active{cursor:-webkit-grabbing;cursor:grabbing}.button-again:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background-image:url(../images/background-card.jpg);background-size:contain;background-position:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:.4}.button-again:after{position:absolute;content:'';top:50%;left:50%;width:6.2vmin;height:6.2vmin;border:2vmin solid #365e2e;border-radius:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.8}.spacer{display:block;padding-top:150%}.pointer-events{pointer-events:none}.document-button,.play-button{position:absolute;top:30px;width:50px;padding:0;border:0;background-color:transparent;cursor:-webkit-grab;cursor:grab;z-index:1000;outline:0}.document-button:active,.play-button:active{cursor:-webkit-grabbing;cursor:grabbing}.play-button{left:30px;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}.document-button{right:30px}.rules-game{position:absolute;top:0;right:0;max-width:400px;margin:100px 15px 0 15px;padding:0 15px 35px;border-radius:15px;background-color:#647c60;-webkit-box-shadow:0 0 40px 0 rgba(0,0,0,.75);box-shadow:0 0 40px 0 rgba(0,0,0,.75);-webkit-transition:.4s;-o-transition:.4s;transition:.4s;-webkit-transform:translateX(106%);-ms-transform:translateX(106%);transform:translateX(106%);z-index:1000}.rules-game-active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.rules-game-h2{margin:15px 0 0}.rules-game-text{margin:10px 0 0}@media only screen and (max-width:1100px){.active-container{height:93vmin;margin:30px auto auto;--item-size:13vmin}}@media only screen and (max-width:768px){.active-container{height:102vmin;margin:auto;--item-size:14.5vmin}}@media only screen and (max-width:700px){.active-container{height:110vmin}}