.taro3 .mainGrid{font-size:10px}@media(max-width:730px){.taro3 .mainGrid{font-size:5px}}body{background:url(/image/taro-online/3-karty/background.svg) repeat!important}#textpage{max-width:900px;margin-left:auto;margin-right:auto}.taro3 .mainGrid{height:70em;display:grid;background-repeat:no-repeat;grid-template-rows:auto 55em auto;grid-template-columns:auto 55em auto;justify-items:center;align-items:center}.taro3 .sunCerle{position:relative;grid-row:2/2;grid-column:2/2;width:100%;height:100%;cursor:pointer}.taro3 .sun{position:absolute;left:50%;top:50%;width:35em;height:auto;transform:translate(-50%,-50%);z-index:2}.taro3 #cardList{display:none;width:51em;height:51em;grid-row:2/2;grid-column:2/2;border:4px white solid;border-radius:50%;list-style:none;background-repeat:no-repeat;grid-template-areas:"a b c d e" "f g h i j" "k l m n o" "p q r s t" "u v w x y"}.taro3 #cardList img{width:11em;height:auto}@media(max-width:730px){.taro3 #cardList img{width:10em}}.taro3 .cardSelection{display:flex;flex-flow:row nowrap;justify-content:center;align-content:center;cursor:pointer;box-shadow:1px 1px 3px #000}.taro3 #cardList h3{grid-area:m;font-size:2.2em;font-weight:500;text-align:center;justify-self:center;align-self:center}@media(max-width:730px){.taro3 #cardList h3{font-size:2.5em}}.taro3 #cardImage{display:flex;width:100%;height:auto;grid-area:cards;margin-top:4em;flex-flow:row nowrap;justify-content:space-between}.taro3 #cardImage img{width:18em;height:auto}.taro3 .results{display:none;width:70em;height:72em;grid-row:2/2;grid-column:2/2;border-radius:50%;background-repeat:no-repeat;grid-template-areas:"cards" "title" "text";justify-items:center;align-items:center}.taro3 .cardTitle{display:none;width:100%;height:auto;margin-top:30px;margin-bottom:10px;flex-flow:row nowrap;justify-content:space-between;align-items:center;font-size:1.4rem;font-weight:800;color:#000}@media(max-width:730px){.taro3 .cardTitle{font-size:1.4rem}}.taro3 .cardDescription{display:none;width:100%;text-align:justify;justify-content:flex-start;align-items:center;font-size:1.3rem;color:#000}@media(max-width:730px){.taro3 .cardDescription{font-size:1rem}}.taro3 .hover{box-shadow:3px 2px 6px #000}.taro3 .circle{position:absolute;left:50%;top:50%;width:55em;height:auto;z-index:3;animation:circle 150s linear infinite}@-webkit-keyframes circle{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes circle{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.taro3 .eye{width:12px;height:12px;border-radius:50%;border:1px #000 solid;background-color:#fff;position:absolute;left:50%;top:50%;z-index:4;transform:translate(-50%,-50%);animation:eye_x 8s linear infinite alternate,eye_y 8s linear infinite alternate}@media(max-width:730px){.taro3 .eye{width:6px;height:6px}}@keyframes eye_x{0%{transform:translate(-50%,-50%) translate(-1.2em)}to{transform:translate(-50%,-50%) translate(1.2em)}}@keyframes eye_y{0%{transform:translate(-50%,-50%) translateY(-.3em)}to{transform:translate(-50%,-50%) translateY(.3em)}}@-webkit-keyframes move_eye{0%{left:-4%}to{left:10%}}@keyframes move_eye{0%{left:-4%}to{left:10%}}@-webkit-keyframes move_eye_top{0%{top:-.4%}to{top:0%}}@keyframes move_eye_top{0%{top:-.4%}to{top:0%}}.taro3 .slide-in{-webkit-animation:slide-in 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in 1s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(-1000px);opacity:0}to{-webkit-transform:translateY(0);opacity:1}}@keyframes slide-in{0%{transform:translateY(-1000px);opacity:0}to{transform:translateY(0);opacity:1}}.taro3 .disappear{-webkit-animation:disappear .55s cubic-bezier(.65,.085,.68,.53) both;animation:disappear .55s cubic-bezier(.65,.085,.68,.53) both}@-webkit-keyframes disappear{0%{-webkit-transform:rotateX(0);opacity:1}to{-webkit-transform:rotateX(70deg) translateX(10em);opacity:0}}@keyframes disappear{0%{transform:rotateX(0);opacity:1}to{transform:rotateX(70deg) translate(10em);opacity:0}}.taro3 div[name=card0]{grid-area:c;justify-self:center;align-self:start;transform:translateY(-8em);background-color:#fff;padding:6px;border:1px black solid;border-radius:4px;margin:0}@media(max-width:730px){.taro3 div[name=card0]{padding:3px}}.taro3 div[name=card1]{grid-area:a;justify-self:center;align-self:start;transform:rotate(-45deg);background-color:#fff;padding:6px;border:1px black solid;border-radius:4px}@media(max-width:730px){.taro3 div[name=card1]{padding:3px}}.taro3 div[name=card2]{justify-self:center;align-self:start;grid-area:k;transform:translate(-15em) rotate(-90deg) translateY(8em);background-color:#fff;padding:6px;border:1px black solid;border-radius:4px}@media(max-width:730px){.taro3 div[name=card2]{padding:3px}}.taro3 div[name=card3]{justify-self:center;align-self:start;grid-area:u;transform:rotate(-135deg);background-color:#fff;padding:6px;border:1px black solid;border-radius:4px}@media(max-width:730px){.taro3 div[name=card3]{padding:3px}}.taro3 div[name=card4]{justify-self:center;align-self:start;grid-area:w;transform:translate(0) rotate(180deg) translateY(-8em);background-color:#fff;padding:6px;border:1px black solid;border-radius:4px}@media(max-width:730px){.taro3 div[name=card4]{padding:3px}}.taro3 div[name=card5]{justify-self:center;align-self:start;grid-area:y;transform:rotate(135deg);background-color:#fff;padding:6px;border:1px black solid;border-radius:4px}@media(max-width:730px){.taro3 div[name=card5]{padding:3px}}.taro3 div[name=card6]{justify-self:center;align-self:start;grid-area:o;transform:translate(0) rotate(90deg) translateY(-7em);background-color:#fff;padding:6px;border:1px black solid;border-radius:4px}@media(max-width:730px){.taro3 div[name=card6]{padding:3px}}.taro3 div[name=card7]{justify-self:center;align-self:start;grid-area:e;transform:rotate(45deg);background-color:#fff;padding:6px;border:1px black solid;border-radius:4px}@media(max-width:730px){.taro3 div[name=card7]{padding:3px}}.taro3--done .mainGrid{height:auto;grid-template-rows:auto;grid-template-columns:1fr;align-items:start;justify-items:center;padding:16px 0 32px}.taro3--done .results{grid-row:auto;grid-column:auto;width:min(900px,100%);height:auto;border-radius:0;margin:0 auto}.taro3--done #cardImage{margin-top:0;justify-content:center;flex-wrap:wrap;gap:12px}.page{overflow:visible!important}