@keyframes floating{0%,to{top:50%}50%{top:48%}}@keyframes kolebkolod{0%,to{margin-top:0;margin-bottom:0}50%{margin-top:-10px;margin-bottom:10px}}@keyframes cardShufleRight{20%,90%{-webkit-transform:rotate(0deg);transform:rotate(0deg);left:40%}40%,80%{-webkit-transform:rotate(90deg);transform:rotate(90deg);left:40%}60%{-webkit-transform:rotate(90deg);transform:rotate(90deg);left:50%}}@keyframes cardShufleLeft{20%,90%{-webkit-transform:rotate(0deg);transform:rotate(0deg);left:60%}40%,80%{-webkit-transform:rotate(90deg);transform:rotate(90deg);left:60%}60%{-webkit-transform:rotate(90deg);transform:rotate(90deg);left:50%}}@keyframes cardShufleRight520{20%,90%{-webkit-transform:rotate(0deg);transform:rotate(0deg) scale(.7);left:40%}40%,80%{-webkit-transform:rotate(90deg);transform:rotate(90deg) scale(.7);left:40%}60%{-webkit-transform:rotate(90deg);transform:rotate(90deg) scale(.7);left:50%}}@keyframes cardShufleLeft520{20%,90%{-webkit-transform:rotate(0deg);transform:rotate(0deg) scale(.7);left:60%}40%,80%{-webkit-transform:rotate(90deg);transform:rotate(90deg) scale(.7);left:60%}60%{-webkit-transform:rotate(90deg);transform:rotate(90deg) scale(.7);left:50%}}.ttl{text-align:center;color:gray;font-size:18px}.reading-stage{background-image:url(/readings/yes-no-tarot/img/background.jpg);background-size:cover;padding:15px 0;margin:1em 0;border-radius:1em;overflow:hidden}.reading-stage .card-hand{width:100%;height:360px;position:relative;margin:0 auto;max-width:100%}.card-choice{position:absolute;background-image:url(/assets/images/tarot-deck/standard/small/back.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center;width:119px;height:200px;top:66%;left:50%;margin:-100px 0 0-60px;border-radius:0;box-sizing:border-box;border:2px solid #fff}.card-choice.rotat{transform:rotateY(90deg)}.start .card-choice:nth-of-type(7){margin:-103px 0 0-57px}.start .card-choice:nth-of-type(6){margin:-106px 0 0-54px}.start .card-choice:nth-of-type(5){margin:-109px 0 0-51px}.start .card-choice:nth-of-type(4){margin:-112px 0 0-48px}.start .card-choice:nth-of-type(3){margin:-115px 0 0-45px}.start .card-choice:nth-of-type(2){margin:-118px 0 0-42px}.start .card-choice:nth-of-type(1){margin:-121px 0 0-39px}.card-choice.tass{transition:all .8s ease-out;left:15%;margin-top:-110px}.fin .card-choice{transition:all .6s ease-out}.fin .card-choice:nth-of-type(8){left:15%}.fin .card-choice:nth-of-type(7){left:25%}.fin .card-choice:nth-of-type(6){left:35%}.fin .card-choice:nth-of-type(5){left:45%}.fin .card-choice:nth-of-type(4){left:55%}.fin .card-choice:nth-of-type(3){left:65%}.fin .card-choice:nth-of-type(2){left:75%}.fin .card-choice:nth-of-type(1){left:85%}.fin .card-choice.selected,.fin .card-choice:hover{top:50%}.fin .card-choice.selected.tocenter{top:50%;left:50%;transition:all 1.2s ease-out;margin:-100px 0 0-60px}.card-hand.start.floating,.fin .card-choice.selected.floating{animation-name:floating;animation-duration:2s;animation-iteration-count:infinite}.card-hand.start.floating{animation-name:kolebkolod;animation-duration:1.8s}.rever{transform:rotate(180deg)}.runepic,.runetxt{display:inline-block;vertical-align:middle}.runepic{width:140px;height:220px;position:relative}.runetxt{width:100%;box-sizing:border-box}.runepic img{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto!important;max-height:100%;max-width:100%!important;border-radius:10px!important;box-shadow:6px 6px 9px 0 rgba(0,0,0,.25)}.runepic.rune1:before{left:10%}.runepic.rune1:before,.runepic.rune2:before,.runepic.rune3:before{width:20%;height:1em;position:absolute;bottom:-1em;background-color:#afe8f8;content:""}.runepic.rune2:before{left:40%}.runepic.rune3:before{right:10%}.result{display:none}.resttl,.topresttl{font-weight:700;color:#696666;font-size:18px;text-align:center}.resttl{color:#2492de;font-size:22px;margin-bottom:1em}.drawn-symbol,.link{margin-top:1em;font-size:18px;width:50%;display:inline-block}.drawn-symbol span{color:#53b1f9}.link{text-align:right}.cardlnk a,.link a{font-size:12px;display:inline-block;border:2px solid #51c0f9;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;line-height:20px;padding:0 10px}.link a{color:#2492de!important}.card-choice.move-right{animation:cardShufleRight 2s ease-in-out}.card-choice.move-left{animation:cardShufleLeft 2s ease-in-out}.cardlnk{margin-top:1em}.cardlnk a{color:#2492de}@media screen and (max-width:900px){.drawn-symbol,.link{width:100%;text-align:left}}@media screen and (max-width:520px){.card-choice{transform:scale(.7);top:75%}.fin .card-choice.selected.tocenter{transform:scale(1)}.fin .card-choice.selected,.fin .card-choice:hover{top:65%}.card-choice.move-right{animation:cardShufleRight520 2s ease-in-out}.card-choice.move-left{animation:cardShufleLeft520 2s ease-in-out}.card-choice.rotat{transform:rotateY(90deg) scale(.7)}}@media screen and (max-width:420px){.runepic{display:block;margin:0 auto 1em}.runetxt{width:100%;display:block;padding-left:0}.resttl{text-align:center}.runepic.rune1:before,.runepic.rune2:before,.runepic.rune3:before{display:none}}@media (-moz-touch-enabled:1),(pointer:coarse){.fin .card-choice:hover{top:75%}}
