.bg-red-orange{background-color:#ff4a4a}.bg-orange{background-color:#f4683a}.bg-gold{background-color:#f5d085}.bg-teal{background-color:#21c1aa}.bg-light-blue{background-color:#348290}.bg-blue{background-color:#335157}.bg-purple{background-color:#51375e}.bg-pink{background-color:#ec6cb2}.font-family-decorative,.font-family-default,.question-container input{font-family:sofia-pro,sans-serif}body{color:#fdf1f1;letter-spacing:.025em;font-family:sofia-pro,sans-serif;font-size:18px;font-weight:100}h1,.h1,h2,.h2{font-weight:300;line-height:1}h1,.h1{text-transform:uppercase;letter-spacing:3px;text-align:center;margin:24px auto;font-family:sofia-pro,sans-serif;font-size:36px;font-weight:400}h2,.h2{letter-spacing:1px;font-size:24px}h3,.h3{letter-spacing:1px;font-size:20px;font-weight:300}h4,.h4{letter-spacing:1px;font-size:18px;font-weight:300}strong{font-weight:400}small{font-size:13px;line-height:1.5}ul{padding:0;list-style:none}button{color:#fdf1f1;letter-spacing:4px;text-transform:uppercase;cursor:pointer;background-color:#21c1aa;border:0;border-radius:30px;padding:15px 60px;font-family:sofia-pro,sans-serif;font-size:18px;transition:all .25s ease-in-out}button:active{letter-spacing:7px;background-color:#298561;padding:16px 80px}button:focus,button:active{outline:none}button.default{background-color:#0000;border:2px solid #fdf1f1;padding:14px 59px}button.icon-btn{border-radius:50%;padding:15px;line-height:1}.error-message{text-align:center;z-index:50;background-color:#0000;width:100%;height:100%;position:relative;left:0}.error-message>*{padding:0 20px}.error-message img{width:25%;max-width:200px;max-height:200px;margin-top:50px}@media only screen and (max-width:600px){body{font-size:16px}h1,.h1{letter-spacing:2px;font-size:24px}h2,.h2{font-size:18px}button{padding:12px 40px 13px;font-size:18px}small{font-size:11px}}@media only screen and (max-width:700px) and (orientation:landscape){.error-message img{width:100px}}@keyframes backgroundColors{0%{background-color:#335157}20%{background-color:#51375e}40%{background-color:#ff4a4a}60%{background-color:#348290}80%{background-color:#298561}to{background-color:#335157}}.backgroundColors,.wrapper{animation-name:backgroundColors}@keyframes slideInRight{0%{visibility:visible;transform:translate(100%)}to{visibility:visible;transform:translate(0,0)}}.slideInRight{animation-name:slideInRight}@keyframes slideOutRight{0%{visibility:visible;transform:translate(0,0)}to{visibility:hidden;transform:translate(100%)}}.slideOutRight{animation-name:slideOutRight}@keyframes moveShine{0%{background-position:-60px -100px}40%{background-position:100px 20px}to{background-position:100px 20px}}@keyframes flipping{0%{transform:rotateX(0)}25%{top:-50px;transform:rotateX(-180deg)}50%{transform:rotateX(0)}75%{transform:rotateX(-180deg)}to{top:0;transform:rotateX(0)}}.flipping,.coin.flipping{animation-name:flipping}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}to{opacity:1;transform:none}}.fadeInUpBig,.hex-description{animation-name:fadeInUpBig}@keyframes coinDrop{0%,40%,45%,50%,55%,60%,70%,80%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}40%{opacity:1;transform:translateY(25px)rotateX(0)}45%{transform:translateY(-50px)rotateX(-180deg)}50%{transform:translateY(5px)rotateX(0)}55%{transform:rotateX(-180deg)}60%{transform:translateY(-25px)}70%{transform:translateY(5px)}80%{transform:translateY(-10px)}90%{transform:translateY(2px)}to{opacity:1;transform:none}}.coinDrop,.coin.coin-enter.coin-enter-active{animation-name:coinDrop}@keyframes bounce{20%{transform:translateY(-10px)}40%{transform:translateY(0)}60%{transform:translateY(0)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}.bounce{animation-name:bounce}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-2000px)}to{opacity:1;transform:none}}.fadeInDown,.question-container{animation-name:fadeInDown}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn,.toss-btn{animation-name:fadeIn}.banner{text-align:center;z-index:9999;background-color:#21c1aa;width:100%;height:0;transition:all .3s ease-in;position:absolute;overflow:hidden}.banner.show{height:65px}.banner.banner-enter{height:0}.banner.banner-enter-active{height:65px}.banner .banner-msg{padding:20px}.banner .close-btn{background-color:#0000;padding:0;display:inline-block;position:absolute;top:50%;right:18px;transform:translate(-50%,-50%)}.menu-toggle-btn{opacity:1;width:36px;height:36px;transition:.75 all ease-in;z-index:5;position:fixed;top:36px;right:36px}.menu-toggle-btn.hidden{opacity:0;height:0;z-index:-1!important}@media only screen and (max-width:768px){.menu-toggle-btn{top:10px;right:16px}}.menu-close-btn{width:17px;height:17px;position:absolute;top:17px;right:17px}@media only screen and (max-width:768px){.menu-close-btn{top:10px;right:10px}}.menu-toggle-btn span,.menu-close-btn span{display:none}.menu-toggle-btn,.menu-close-btn{background-color:#0000;border-radius:0;padding:0}.menu-toggle-btn:active,.menu-close-btn:active{background-color:#0000;padding:0}.menu{z-index:10;opacity:.5;color:#b8b7ad;background:#251a24;width:300px;height:100%;padding:2.5em 1.5em 0;font-size:1.15em;transition:all .25s ease-in;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-100%)}.menu a{color:#fdf1f1;margin:10px 0;padding:.5em;text-decoration:none;display:block}.menu.menu-open{opacity:1;transform:translate(0)}.reading{z-index:3;color:#fdf1f1e6;-webkit-overflow-scrolling:touch;-webkit-backface-visibility:hidden;text-align:left;background-color:#fdf1f11a;width:50%;height:100vh;transition:transform .5s;position:fixed;top:0;overflow:hidden scroll;transform:translate(205%)}.reading.reading-open,.reading.reading-exit,.reading.reading-enter.reading-enter-active,.reading.reading-enter-active.reading-exit.reading-exit-active{transform:translate(100%)}.reading .reading-innerwrap{position:relative}.reading .close-btn{color:#fdf1f1e6;background:0 0;border-radius:0;padding:0;position:absolute;top:30px;right:30px}.reading .save-btn{min-width:196px;display:none}.reading.reading-enter,.reading.reading-exit.reading-exit-active{transform:translate(204%)}.reading.reading-enter.reading-enter-active,.reading.reading-enter-active.reading-exit.reading-exit-active,.reading.reading-exit.reading-exit-active{transition:all .5s}.static-reading .reading{width:100%;left:0}.static-reading .reading.reading-open,.static-reading .reading.reading-enter.reading-enter-active,.static-reading .reading.reading-exit{transform:translate(0)}.reading-content{padding:60px;line-height:1.5}.reading-content .intro{text-align:center}.reading-content .intro .hexagram-row{justify-content:center;align-items:center;display:flex}.reading-content .intro .trigram-translation{text-align:left;height:120px}.reading-content .intro .trigram-translation div{height:60px;display:table-row}.reading-content .intro .trigram-translation div>*{vertical-align:middle;padding:5px 10px;display:table-cell}.reading-content .static-hexagram{width:12%;min-width:90px;margin-right:20px}.reading-content .static-hexagram .hexagram{width:100%;max-width:120px;margin:0 auto}.reading-content .static-hexagram .hexagram li{border-radius:2px;height:8px;margin:8px 0;transition-property:none}.reading-content .static-hexagram .hexagram li:before,.reading-content .static-hexagram .hexagram li:after{border-radius:2px;height:8px}.reading-content .static-hexagram .hexagram li:nth-child(3){margin-bottom:24px}.reading-content .static-hexagram .hexagram li span{width:8px;height:8px;top:0;left:-20px}.reading-content .changing-hex{text-align:center;justify-content:center;align-items:center;margin-top:60px;display:flex}.reading-content .changing-hex a{color:#fdf1f1;text-decoration:none}.reading-content .changing-hex .static-hexagram{cursor:pointer;margin:0 50px}.reading-content .changing-hex .static-hexagram .hexagram li{margin-bottom:8px}.reading-content .changing-hex .changes{font-style:italic}.reading-content .reading-footer{border-top:1px solid #fdf1f1e6;margin:30px 0 0;padding:10px 0 0}.all-hexagrams .reading{opacity:0;background-color:#335157;width:100%;transition:all .5s}.all-hexagrams .reading.reading-open,.all-hexagrams .reading.reading-enter.reading-enter-active,.all-hexagrams .reading.reading-exit{opacity:1;left:0}@media only screen and (max-width:960px){.reading{opacity:0;background-color:#335157;width:100%;height:100%;transition:all .5s;position:absolute}.reading .save-btn{margin:30px auto;display:block}.reading.reading-open,.reading.reading-enter.reading-enter-active,.reading.reading-exit,.reading.reading-enter-active.reading-exit.reading-exit-active{opacity:1;transition:all .5s 1s;transform:translate(0)}}@media only screen and (max-width:480px){.reading-content .changing-hex .static-hexagram{margin:0 35px}.reading-content .static-hexagram{min-width:75px;margin-right:10px}.reading-content .intro .trigram-translation{height:auto}}@media only screen and (max-width:360px){.reading-content .changing-hex .static-hexagram{margin:0 17px}.reading-content .changing-hex .changes svg{width:24px;height:24px}}@media only screen and (max-width:500px){.reading-content{padding:30px}blockquote{-webkit-margin-start:15px;-webkit-margin-end:15px}}@media only screen and (min-width:961px) and (max-width:1280px){.reading-content .intro .trigram-translation{font-size:14px}.reading-content .static-hexagram{width:10%}.reading-content .static-hexagram .hexagram{max-width:150px}.reading-content .static-hexagram .hexagram li{margin:6px 0}}.share-buttons{display:flex}.share-buttons .share-btn{transform-origin:100%;border-radius:50px;width:64px;transition:width .4s ease-in-out}.share-buttons .share-btn.share-open{letter-spacing:4px;background-color:#21c1aa;width:164px;height:64px;padding:0}.share-buttons .share-btn.share-open .social-buttons{opacity:1;width:auto;height:auto}.share-buttons .share-btn.share-open .social-buttons a.twitter-btn,.share-buttons .share-btn.share-open .social-buttons a.facebook-btn{margin:0 10px;padding:10px}.share-buttons .share-btn.share-open .social-buttons a,.share-buttons .share-btn.share-open .social-buttons a svg{width:auto;height:auto}.share-buttons .social-buttons{opacity:0;width:0;height:0;transition:opacity .4s ease-in-out .5s}.share-buttons .social-buttons a.twitter-btn,.share-buttons .social-buttons a.facebook-btn{margin:0;padding:0}.share-buttons .social-buttons a,.share-buttons .social-buttons a svg{width:0;height:0}.share-buttons .social-buttons.share-btn-enter-active{opacity:1}.share-buttons .social-buttons.share-btn-exit{transition:all ease-in-out}.share-buttons .social-buttons .facebook-btn,.share-buttons .social-buttons .twitter-btn{border:2px solid #fdf1f1;border-radius:50px;margin:0 10px;padding:10px;line-height:1;transition:background .3s ease-in-out;display:inline-block}.share-buttons .social-buttons .facebook-btn:active,.share-buttons .social-buttons .twitter-btn:active{background-color:#298561}.reading .share-buttons{display:block}.reading .share-buttons button{letter-spacing:4px;min-width:196px;height:64px;margin:30px auto;padding:15px 60px;display:block}.social-blocked-modal{text-align:center;border:none;border-radius:8px;max-width:500px;padding:30px}.social-blocked-modal::backdrop{background:#00000080}.social-blocked-modal h2{color:#ff4a4a;text-align:center;max-width:70%;margin:30px auto}.social-blocked-modal .close-btn{cursor:pointer;background:0 0;border:none;padding:0;position:absolute;top:10px;right:10px}.social-blocked-modal>svg{fill:#ff4a4a;width:75px;height:75px;margin:0 auto;display:block}.social-blocked-modal>svg path{fill:#ff4a4a}@media only screen and (min-width:961px){.reading .share-buttons{display:none}}@media only screen and (max-width:480px){.social-blocked-modal>svg{width:50px;height:50px}.social-blocked-modal h2{max-width:80%}}.loader{border-radius:50%;width:48px;height:48px;margin:100px auto;animation:1s linear infinite rotate;position:relative}.loader:before,.loader:after{content:"";box-sizing:border-box;border:5px solid #fff;border-radius:50%;animation:2s linear infinite prixClipFix;position:absolute;inset:0}.loader:after{border-color:#21c1aa80;inset:8px;transform:rotate3d(90,90,0,180deg)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}75%,to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}}.saved-readings{-webkit-overflow-scrolling:touch}.saved-readings>h2{text-align:center;margin-top:42px}.saved-readings .no-saved-msg{text-align:center}.saved-readings .edit-btn,.saved-readings .trash-btn,.saved-readings .check-btn{background:0 0;padding:0}.saved-readings .button-container{margin:31px 38px 0;overflow:hidden}.saved-readings .button-container .edit-btn{float:right}.saved-readings .button-container .trash-btn{float:left;margin-left:20px}.saved-readings .button-container .trash-btn.disabled{opacity:.5}.saved-readings-list{text-align:left;min-width:auto;margin:0 38px 68px;padding-top:20px}.saved-readings-list.is-editing>li .check-btn{opacity:1;visibility:visible;width:32px}.saved-readings-list.is-editing>li .saved-question-wrapper{transform:translate(15px)}.saved-readings-list>li{cursor:pointer;max-height:200px;margin:0 20px 40px;transition:max-height .5s,margin-bottom .5s;display:flex}.saved-readings-list>li.remove{margin-bottom:0;overflow:hidden;max-height:0!important}.saved-readings-list>li .saved-question-wrapper{flex-shrink:0;width:100%;transition:transform .5s ease-in-out;display:flex}.saved-readings-list>li .check-btn{opacity:0;visibility:hidden;z-index:50;width:0}.saved-readings-list>li .saved-reading-data{width:100%;min-width:0;margin-left:50px;display:inline-block;position:relative}.saved-readings-list>li .question{max-width:70%}.saved-readings-list>li .question h2{text-overflow:ellipsis;word-wrap:break-word;white-space:nowrap;margin:0 0 20px;line-height:1.5;overflow:hidden}.saved-readings-list>li .date{font-size:12px;position:absolute;top:5px;right:0}.saved-readings-list>li .date .short-date{display:none}.saved-readings-list>li .num,.saved-readings-list>li .title{font-weight:500;display:inline-block}.saved-readings-list>li .title{text-overflow:ellipsis;word-wrap:break-word;white-space:nowrap;vertical-align:bottom;max-width:70%;overflow:hidden}.saved-readings-list>li .static-hexagram{text-align:center;align-self:center;font-weight:400;display:inline-block}.saved-readings-list>li .static-hexagram .hexagram{max-width:100px;margin:0 auto;display:inline-block}.saved-readings-list>li .static-hexagram .hexagram li{border-radius:2px;height:8px;margin:8px 0;transition-property:none}.saved-readings-list>li .static-hexagram .hexagram li:before,.saved-readings-list>li .static-hexagram .hexagram li:after{border-radius:2px;height:8px}@media only screen and (max-width:960px){.saved-readings-list>li .static-hexagram .hexagram{width:70px;margin:0 auto}.saved-readings-list>li .static-hexagram .hexagram li{border-radius:1px;height:5px;margin:5px 0}.saved-readings-list>li .static-hexagram .hexagram li:before,.saved-readings-list>li .static-hexagram .hexagram li:after{border-radius:1px;height:5px}}@media only screen and (max-width:768px){.saved-readings h2{margin-top:21px}.saved-readings .button-container svg{width:24px}.saved-readings-list>li .date .short-date{display:block}.saved-readings-list>li .date .full-date{display:none}.saved-readings-list>li h2{font-size:18px}.saved-readings-list>li .num,.saved-readings-list>li .title{font-size:16px}.saved-readings-list>li .check-btn svg{width:24px}.saved-readings-list>li .static-hexagram .hexagram{width:50px;margin:0 auto}.saved-readings-list>li .static-hexagram .hexagram li{border-radius:1px;height:3px;margin:3px 0}.saved-readings-list>li .static-hexagram .hexagram li:before,.saved-readings-list>li .static-hexagram .hexagram li:after{border-radius:1px;height:3px}}@media only screen and (max-width:599px){.saved-readings .button-container{margin-left:24px;margin-right:24px}.saved-readings-list{margin:0 24px 68px}}@media only screen and (max-width:499px){.saved-readings .button-container{margin-left:19px;margin-right:19px}.saved-readings-list{margin:0 19px 34px}.saved-readings-list>li .date{font-size:10px}}@media only screen and (max-width:480px){.saved-readings .button-container,.saved-readings-list>li{margin-left:0;margin-right:0}.saved-readings-list>li .static-hexagram{display:none}.saved-readings-list>li .saved-reading-data{margin:0}}.privacy-policy{-webkit-overflow-scrolling:touch;padding:0 30px 30px}.coinSize,.coinShine,.back:after,.front:after,.front,.back,.coin{width:110px;height:110px}.coin-area{opacity:1;height:auto;transition:opacity .5s ease-in-out}.coin-area.hide-coins{opacity:0;height:0}.coins span{color:#fff;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.coin{perspective:1000px;border-radius:50%;margin:15px;display:inline-block;position:relative;top:0}.coin.coin2{animation-delay:.25s}.coin.coin3{animation-delay:.5s}.coin.flipping{animation-duration:.5s;animation-fill-mode:both}.coin.coin-enter{opacity:0}.coin.coin-enter.coin-enter-active{animation-duration:1.5s;animation-fill-mode:both}.coin.coin-exit{opacity:1}.coin.coin-exit.coin-exit-active{opacity:0}.flipper{transform-style:preserve-3d;transform-origin:100% half-coin-size;border-radius:50%;transition:all .6s;position:relative}.flipper.tails .front{transform:rotateX(-180deg)}.flipper.tails .back{transform:rotateY(0)}.front,.back{backface-visibility:hidden;background-color:#e9b259;border-radius:50%;transition:all .6s;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 8px #fed477,inset 0 0 0 9px #251a241a,0 0 10px #251a2433}.front img,.back img{filter:drop-shadow(1px 1px #251a2433);width:75px;margin:19px auto 0;display:inline-block}.coinShine,.back:after,.front:after{content:"";z-index:3;background-image:url(/images/coin-shine.png);background-repeat:no-repeat;background-size:100% 200%;border-radius:50%;animation:5s infinite moveShine;display:block;position:absolute;top:0;left:0}.front{z-index:2;transform:rotateX(0)}.back{transform:rotateX(180deg)}.back img{margin-top:15px}.toss-btn,.reset-btn{margin-bottom:40px}.toss-btn{animation-duration:.5s;animation-fill-mode:both}@media only screen and (max-width:500px){.coin{width:76px;height:76px}.flipper{transform-origin:100% 38px}.front,.back{width:76px;height:76px;box-shadow:inset 0 0 0 5px #fed477,inset 0 0 0 6px #251a241a,0 0 5px #251a2433}.front img,.back img{width:54px;margin:12px auto 0}.front:after,.back:after{width:76px;height:76px}.back img{margin-top:9px}}@media only screen and (max-width:360px){.coin{margin:10px}}@media only screen and (max-width:320px){.toss-btn,.reset-btn{margin-bottom:20px}}@media only screen and (min-width:480px) and (max-width:800px) and (orientation:landscape){.coin{width:76px;height:76px;margin:10px}.flipper{transform-origin:100% 38px}.front,.back{width:76px;height:76px;box-shadow:inset 0 0 0 5px #fed477,inset 0 0 0 6px #251a241a,0 0 5px #251a2433}.front img,.back img{width:54px;margin:12px auto 0}.front:after,.back:after{width:76px;height:76px}.back img{margin-top:9px}}@media only screen and (min-width:480px) and (max-width:568px) and (max-height:400px) and (orientation:landscape){.coin{width:60px;height:60px;margin:10px 5px}.flipper{transform-origin:100% 30px}.front,.back{width:60px;height:60px;box-shadow:inset 0 0 0 4px #fed477,inset 0 0 0 5px #251a241a,0 0 4px #251a2433}.front img,.back img{width:42px;margin:10px auto 0}.front:after,.back:after{width:60px;height:60px}.back img{margin-top:8px}}@media only screen and (min-width:320px) and (max-width:400px) and (orientation:portrait){.coins{margin:0 auto}}@media only screen and (max-width:320px) and (max-height:480px) and (orientation:portrait){.coin{width:60px;height:60px;margin:10px 5px}.flipper{transform-origin:100% 30px}.front,.back{width:60px;height:60px;box-shadow:inset 0 0 0 4px #fed477,inset 0 0 0 5px #251a241a,0 0 4px #251a2433}.front img,.back img{width:42px;margin:10px auto 0}.front:after,.back:after{width:60px;height:60px}.back img{margin-top:8px}}.hexagram-wrapper{position:relative}.hexagram{width:450px;margin:30px auto}.hexagram li{background-color:#0000;border-radius:4px;width:100%;height:50px;margin:20px 0;transition:transform .5s ease-in-out;position:relative}.hexagram li span{background-color:#0000;border-radius:50%;width:40px;height:40px;display:inline-block;position:absolute;top:5px;left:-60px}.hexagram li:nth-of-type(odd){transform:translate(-7000px)}.hexagram li:nth-of-type(2n){transform:translate(7000px)}.hexagram li:after,.hexagram li:before{content:"";background-color:#0000;border-radius:4px;width:45%;height:50px;transition:all .5s ease-in-out;display:block;position:absolute}.hexagram li:after{left:0}.hexagram li:before{right:0}.hexagram li.solid,.hexagram li.broken{transform:translate(0)}.hexagram li.solid,.hexagram li.broken:after,.hexagram li.broken:before,.hexagram li.changing span{background-color:#251a24}.hex-description{width:100%;animation-duration:.5s;animation-fill-mode:both;position:absolute;top:calc(100% + 30px);left:0}.hex-description button{margin:10px 10px 0}.hex-description .buttons{justify-content:center;align-items:center;display:flex}.hex-num{margin:6px auto 24px}.hex-name{font-size:24px}.reset-btn{margin-top:10px}.down-arrow{display:none}.all-hexagrams{-webkit-overflow-scrolling:touch}.all-hexagrams .hexagrams-list{flex-wrap:wrap;align-items:flex-start;width:100%;display:flex}.all-hexagrams .hexagrams-list a{color:#fdf1f1;text-decoration:none}.all-hexagrams .hexagrams-list>li{cursor:pointer;width:25%;padding:60px 0;display:inline-block}@media only screen and (max-width:960px){.all-hexagrams .hexagrams-list>li{width:50%}}@media only screen and (max-width:500px){.all-hexagrams .hexagrams-list>li{width:100%;padding:30px 0}}.all-hexagrams .hexagrams-list.reading-open{max-height:100vh;margin:0;overflow:hidden}.all-hexagrams .hexagrams-list .static-hexagram{text-align:center;padding:0 25px;font-weight:800}.all-hexagrams .hexagrams-list .static-hexagram .hexagram{width:100%;max-width:200px;margin:0 auto 10px}.all-hexagrams .hexagrams-list .static-hexagram .hexagram li{height:20px;margin:10px 0;transition-property:none}.all-hexagrams .hexagrams-list .static-hexagram .hexagram li:before,.all-hexagrams .hexagrams-list .static-hexagram .hexagram li:after{height:20px}.all-hexagrams .reading-content .static-hexagram{max-width:10%}@media only screen and (max-width:1150px){.hexagram{width:400px}}@media only screen and (max-width:1024px){.hexagram{width:350px}}@media only screen and (min-width:961px){.hex-description{margin:0 auto}}@media only screen and (max-width:960px){.down-arrow{color:#fdf1f1;height:60px;margin:25px 0 0;text-decoration:none;animation-name:bounce;animation-duration:4s;animation-iteration-count:infinite;animation-fill-mode:both;display:block}.down-arrow span{margin-top:25px;display:inline-block}}@media only screen and (max-width:500px){.hexagram{width:calc(100% - 120px)}.hexagram li{height:30px}.hexagram li span{width:25px;height:25px;top:2px;left:-35px}.hexagram li:after,.hexagram li:before{height:30px}.hex-name{font-size:18px}}@media only screen and (max-width:360px){.hexagram{width:calc(100% - 90px)}}@media only screen and (max-width:1024px) and (orientation:landscape){.hexagram li{margin:10px 0}}@media only screen and (min-width:480px) and (max-width:800px) and (max-height:500px) and (orientation:landscape){.hexagram{width:calc(100% - 80px);margin:0 auto;position:relative}.hexagram li{height:30px;margin:10px 0}.hexagram li span{width:25px;height:25px;top:2px;left:-35px}.hexagram li:after,.hexagram li:before{height:30px}.hex-description{width:50%;position:absolute;top:54px;left:50%}.hex-description>*{max-width:calc(100% - 40px);margin-left:auto;margin-right:auto}}@media only screen and (min-width:480px) and (max-width:640px) and (max-height:400px) and (orientation:landscape){.hexagram li{height:20px}.hexagram li span{width:15px;height:15px;left:-25px}.hexagram li:after,.hexagram li:before{height:20px}.hex-name{font-size:18px}}@media only screen and (min-width:320px) and (max-width:400px) and (orientation:portrait){.hexagram{margin:20px auto 10px}.hexagram li{margin:10px 0}}@media only screen and (max-width:320px){.hex-description .hex-num,.hex-description .hex-name{margin:20px auto}.hex-description .reset-btn{margin-top:0}}@media only screen and (max-width:320px) and (max-height:480px) and (orientation:portrait){.hexagram li{height:20px}.hexagram li span{width:15px;height:15px;left:-25px}.hexagram li:after,.hexagram li:before{height:20px}}.question-container{z-index:2;width:100%;animation-duration:.5s;animation-delay:.5s;animation-fill-mode:both;position:absolute;top:25%;left:0}.question-container h2{letter-spacing:3px;margin-top:0;font-size:48px}.question-container form{margin-top:20px}.question-container input{letter-spacing:1px;color:#fdf1f1;background-color:#00000026;border-style:none;border-radius:15px;outline:0;width:400px;margin:40px auto;padding:20px 25px;font-size:18px;font-weight:100;display:block}.question-container input:focus{outline:0}.question-container ::-webkit-input-placeholder{color:#fafafa40;letter-spacing:2px}.question-container.hide-question-input{display:none}.question-container span.error-message{text-align:left;text-align:left;width:400px;min-height:16px;margin:-32px auto 15px;padding:0 20px;font-size:16px;font-style:italic;line-height:1;transition:all .5s ease-in-out;display:block;left:-10px}.question-container span.error-message.hidden{visibility:hidden;opacity:0}.question-title{opacity:0;word-wrap:break-word;width:450px;margin:40px auto;transition:all .25s ease-in-out}.question-title.show-question{opacity:1}@media only screen and (max-width:500px){.question-container{width:100%}.question-container h2{width:calc(100% - 80px);margin:0 auto;font-size:36px}.question-container input{width:calc(100% - 80px);padding:15px 20px;font-size:16px}.question-container span.error-message{width:calc(100% - 80px);font-size:12px}.question-title{width:calc(100% - 80px)}}@media only screen and (max-width:800px) and (orientation:landscape){.question-container{top:-2%}}@media only screen and (max-width:700px) and (orientation:landscape){.question-container{top:-9%}}@media only screen and (max-width:640px) and (orientation:landscape){.question-container{top:-7%}}@media only screen and (min-width:500px) and (max-width:568px) and (orientation:landscape){.question-container{margin-top:-10px}}@media only screen and (min-width:480px) and (max-width:800px) and (orientation:landscape){.question-title{margin:0 auto 30px}}@media only screen and (max-width:360px){.question-container{top:20%}.question-title{margin:20px auto}}@media only screen and (max-width:600px) and (max-height:320px) and (orientation:landscape){.question-container{top:-15%}}@media only screen and (max-width:480px) and (max-height:320px) and (orientation:landscape){.question-container{top:-20%}.question-container input{margin:25px auto 20px}.question-container span.error-message{margin:-15px auto 15px}}@media only screen and (max-width:320px) and (max-height:480px) and (orientation:portrait){.question-container{top:10%}}*{box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased}html{flex-direction:column;min-height:100%;display:flex;position:relative}body{flex:auto;min-height:100%;margin:0;overflow:hidden}noscript{color:red;text-transform:uppercase;text-align:center;padding:25px;display:block}::view-transition-group(site-header){z-index:100;animation:none}::view-transition-old(site-header){display:none}::view-transition-new(site-header){animation:none}::view-transition-old(.page-exit){z-index:-1;animation:none}::view-transition-new(.page-enter){animation:.5s ease-in-out both page-slide-in}@keyframes page-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}.app-content>div{width:100%;position:relative}.wrapper{width:100%;height:100vh;overflow-y:overlay;will-change:transform;background-image:linear-gradient(90deg,#0000001a 50%,#0000 50%);animation-duration:150s;animation-iteration-count:infinite;animation-fill-mode:both;position:absolute;overflow-x:hidden}.oracle{text-align:center;min-height:calc(100% - 80px);margin:0 auto;transition:all .5s;display:block;position:relative;left:0}.oracle.reading-open{width:50%;left:-25%}i-reading{display:block}i-coins,.hexagram-wrapper{display:none}.hexagram-wrapper.show,i-coins.show{display:block}.main-title{text-transform:uppercase;font-size:36px;display:none}@media only screen and (max-width:960px){.oracle.reading-open{width:100%;left:0}}@media only screen and (min-width:480px) and (max-width:800px) and (orientation:landscape){.oracle{top:50%;transform:translateY(-50%)}i-coins.show,.hexagram-wrapper.show{float:left;width:50%;display:inline-block}}.missing-route-wrapper{align-items:center;display:flex}.missing-route{text-align:center;width:100%;padding:0 40px 40px}@media only screen and (max-width:680px){.missing-route{padding:0 20px 20px}}.missing-route h1{text-shadow:1px 1px 1px #251a2480;font-size:450px}@media only screen and (max-width:960px){.missing-route h1{font-size:300px}}@media only screen and (max-width:680px){.missing-route h1{font-size:200px}}@media only screen and (max-width:435px){.missing-route h1{font-size:120px}}.missing-route a{color:#21c1aa}.missing-route .coin{width:300px;height:300px;font-size:300px}.missing-route .coin .back{align-items:center;width:300px;height:300px;display:flex;box-shadow:inset 0 0 0 13px #fed477,inset 0 0 0 14px #251a241a,0 0 15px #251a2433}.missing-route .coin .back img{width:240px;height:240px;margin-top:0}.missing-route .coin .back:after{width:300px;height:300px}@media only screen and (max-width:960px){.missing-route .coin{width:200px;height:200px;font-size:200px}.missing-route .coin .back{align-items:center;width:200px;height:200px;display:flex;box-shadow:inset 0 0 0 8px #fed477,inset 0 0 0 9px #251a241a,0 0 10px #251a2433}.missing-route .coin .back img{width:160px;height:160px;margin-top:0}.missing-route .coin .back:after{width:200px;height:200px}}@media only screen and (max-width:680px){.missing-route .coin{width:125px;height:125px;font-size:125px}.missing-route .coin .back{align-items:center;width:125px;height:125px;display:flex;box-shadow:inset 0 0 0 4.25px #fed477,inset 0 0 0 5.25px #251a241a,0 0 6.25px #251a2433}.missing-route .coin .back img{width:100px;height:100px;margin-top:0}.missing-route .coin .back:after{width:125px;height:125px}}@media only screen and (max-width:435px){.missing-route .coin{width:75px;height:75px;font-size:75px}.missing-route .coin .back{align-items:center;width:75px;height:75px;display:flex;box-shadow:inset 0 0 0 1.75px #fed477,inset 0 0 0 2.75px #251a241a,0 0 3.75px #251a2433}.missing-route .coin .back img{width:60px;height:60px;margin-top:0}.missing-route .coin .back:after{width:75px;height:75px}}.about{-webkit-overflow-scrolling:touch;padding:0 30px 30px}.about h2{text-align:center;text-transform:uppercase;margin:42px 0}.about h4{text-transform:uppercase;font-weight:200}.about .caption{margin-top:20px;font-style:italic;display:table-caption}.about .example{text-align:center;width:100%;display:table}.about .example a{color:#fdf1f1;text-decoration:none}.about .example{caption-side:bottom;border-spacing:0 30px;border-collapse:separate}.about .example.trigrams a{text-align:center;width:25%}.about .example.trigrams .static-hexagram{width:100%;margin-bottom:20px}.about .example.trigrams .caption{margin-top:0}.about .example.divination .coins-row{width:100%;margin:0}.about .example.divination .coins-row li{justify-content:space-evenly;align-items:center;display:flex}.about .example.divination .coins-row li .line-label{width:15%}.about .example .example-row{flex-wrap:wrap;justify-content:space-evenly;align-items:flex-start;display:flex}.about .example .hexagram{width:300px;margin:0}.about .example .hexagram li{height:37px;margin:0}.about .example .hexagram li:before,.about .example .hexagram li:after{height:37px}.about .example .hexagram li span{width:30px;height:30px;top:4px;left:-43px}.about .example .static-hexagram{text-align:center;cursor:pointer;padding:0 25px;font-weight:800}.about .example .static-hexagram .hex-caption{font-style:italic;font-weight:200}.about .example .static-hexagram .hexagram{width:100%;min-width:200px;max-width:200px;margin:0 auto 10px}.about .example .static-hexagram .hexagram li{height:20px;margin:10px 0;transition-property:none}.about .example .static-hexagram .hexagram li:before,.about .example .static-hexagram .hexagram li:after{height:20px}.about .example .static-hexagram .hexagram li span{width:20px;height:20px;top:0;left:-35px}.about .example .changes-into{align-self:center}.about .example .aboutCoinSize,.about .example .coin .flipper,.about .example .coin .back,.about .example .coin .front,.about .example .coin .back:after,.about .example .coin .front:after,.about .example .coin{width:82px;height:82px}.about .example .coin .back img{width:56px;margin-top:10px}.about .example .coin .front img{width:56px;margin-top:15px}@media only screen and (max-width:1024px){.about .example.trigrams a{width:50%}.about .coins-row li{flex-direction:column;margin-bottom:50px}.about .coins-row li .line-label{font-size:22px;width:100%!important}.about .coins-row li>div,.about .coins-row li>ul{padding:20px 0}}@media only screen and (max-width:768px){.about .example.changing .example-row{flex-direction:column;align-items:center}.about .example.changing .example-row>div{margin-bottom:40px}}@media only screen and (max-width:619px){.about .example.trigrams a{width:100%}}@media only screen and (max-width:480px){.aboutCoinSizeSmall,.example.divination .coin .flipper,.example.divination .coin .back,.example.divination .coin .front,.example.divination .coin .back:after,.example.divination .coin .front:after,.example.divination .coin{width:61px;height:61px}.example.divination .hexagram{width:220px}.example.divination .coin .back img{width:42px;margin-top:8px}.example.divination .coin .front img{width:42px;margin-top:11px}}@media only screen and (min-width:600px){.home{justify-content:center;align-items:center;display:flex}}@media only screen and (orientation:landscape) and (max-width:830px){.home{align-items:start}}.home h1{text-align:left}.home .content{flex-direction:column-reverse;max-width:1180px;padding:60px 30px 30px;display:flex}.home .content .image-content{justify-content:center;align-items:center;display:flex}@media only screen and (min-width:600px){.home .content{padding:60px}}@media only screen and (min-width:801px){.home .content{flex-direction:row;align-content:center}.home .content .text-content{flex:2}.home .content .image-content{flex:1}}.home p{margin:2em 0 3em}.home a{text-decoration:none}.home button{width:100%;display:block}.home button a{color:#fdf1f1;text-decoration:none}@media only screen and (min-width:600px){.home button{width:auto;margin:0 auto}}@media only screen and (min-width:801px){.home button{margin:0}}.home .coin{width:150px;height:150px;font-size:150px}.home .coin .front{align-items:center;width:150px;height:150px;display:flex;box-shadow:inset 0 0 0 5.5px #fed477,inset 0 0 0 6.5px #251a241a,0 0 7.5px #251a2433}.home .coin .front img{width:120px;height:120px;margin-top:13.5px}.home .coin .front:after{width:150px;height:150px}@media only screen and (min-width:600px){.home .coin{width:200px;height:200px;font-size:200px}.home .coin .front{align-items:center;width:200px;height:200px;display:flex;box-shadow:inset 0 0 0 8px #fed477,inset 0 0 0 9px #251a241a,0 0 10px #251a2433}.home .coin .front img{width:160px;height:160px;margin-top:18px}.home .coin .front:after{width:200px;height:200px}}@media only screen and (min-width:801px){.home .coin{width:300px;height:300px;font-size:300px}.home .coin .front{align-items:center;width:300px;height:300px;display:flex;box-shadow:inset 0 0 0 13px #fed477,inset 0 0 0 14px #251a241a,0 0 15px #251a2433}.home .coin .front img{width:240px;height:240px;margin-top:27px}.home .coin .front:after{width:300px;height:300px}}