body,html{font-family:"Noto Sans",Helvetica,sans-serif;padding:0px;margin:0px;height:100%;background-color:#fff}h1,h2,h3,p{margin:0px;padding:0px;font-weight:normal}h1,h2{font-size:24px;line-height:24px;margin-bottom:12px}h1.blue,h2.blue{color:#2264c3}h1.green,h2.green{color:#307029}h1.orange,h2.orange{color:#ca8519}h1.red,h2.red{color:#a02334}h1.purple,h2.purple{color:#623d72}h2{font-size:22px;line-height:24px;margin-bottom:12px}p{opacity:.8;margin-bottom:24px;font-size:18px}p.justify{line-height:26px;margin-bottom:36px}.content-wrapper{min-width:348px;max-width:688px;min-height:100vh;box-sizing:border-box;margin:0px auto;padding:24px;padding-top:84px}.footer-wrapper,.footer-wrapper p{font-size:13px;line-height:18px}.footer-wrapper a{font-size:14px;color:#3b7ddd;text-decoration:none}.navbar{position:fixed;height:60px;top:0px;right:0px;left:0px;z-index:10;background-color:#fff}.navbar .inner-nav{min-width:348px;max-width:688px;margin:0px auto;padding:0px 24px;box-sizing:border-box;font-size:22px}.navbar .inner-nav .nav-content{height:60px}.navbar .inner-nav .nav-content h1{margin-bottom:0px}.navbar .inner-nav .nav-content a{display:block;padding:0px;margin:6px;margin-right:0px}.navbar .inner-nav .nav-content img{display:block;width:26px;height:26px}.margin-bottom{margin-bottom:24px}.margin-bottom-small{margin-bottom:12px}.grid-2{display:grid;gap:12px;grid-template-columns:repeat(2, 1fr);width:100%}.characteristics{display:grid;gap:12px;grid-template-columns:repeat(3, 1fr);width:100%;margin-bottom:24px;padding:12px 6px;background-color:#f4f4f4;box-sizing:border-box;border-radius:5px;color:#fff}.characteristics.blue{background-color:#3b7ddd}.characteristics.green{background-color:#409537}.characteristics.orange{background-color:#e59f31}.characteristics.red{background-color:#ca2c42}.characteristics.purple{background-color:#7e4f93}.characteristics.minor{grid-template-columns:repeat(2, 1fr)}.characteristics .section{text-align:center}.characteristics .section span{display:block;font-size:20px}.characteristics .section span.subtitle{font-size:16px;margin-bottom:6px;opacity:.7}.zodiac{display:grid;gap:12px;padding:12px;box-sizing:border-box;color:#fff;border-radius:5px;grid-template-columns:repeat(3, 1fr)}.zodiac.blue{background-color:#3b7ddd}.zodiac.green{background-color:#409537}.zodiac.orange{background-color:#e59f31}.zodiac.red{background-color:#ca2c42}.zodiac.purple{background-color:#7e4f93}.zodiac .sign{text-align:center}.flex,.inline-flex{display:flex}.flex.right button,.inline-flex.right button{margin-left:auto}.flex.margin-top-auto,.inline-flex.margin-top-auto{margin-top:auto}.flex.between,.inline-flex.between{justify-content:space-between}.flex.start,.inline-flex.start{justify-content:flex-start}.flex.end,.inline-flex.end{justify-content:flex-end}.flex.grow,.inline-flex.grow{flex-grow:1}.flex.shrink,.inline-flex.shrink{flex-shrink:1}.flex.no-grow,.inline-flex.no-grow{flex-grow:0;flex-shrink:0}.flex.no-shrink,.inline-flex.no-shrink{flex-shrink:0}.flex.center-vertical,.inline-flex.center-vertical{align-items:center}.flex.center,.inline-flex.center{justify-content:center}.flex.center-both,.inline-flex.center-both{align-items:center;justify-content:center}.flex.column,.inline-flex.column{flex-direction:column}.flex.row,.inline-flex.row{flex-direction:row}.inline-flex{display:inline-flex}.identify-button{display:block;padding:24px 0px;font-size:24px;line-height:24px;background-color:#222;color:#fff;border-radius:5px;text-decoration:none;text-align:center;cursor:pointer}.identify-button.short{padding:12px 0px}.identify-button.blue{background-color:#3b7ddd}.identify-button.blue:hover{background-color:#1d56a9}.identify-button.green{background-color:#409537}.identify-button.green:hover{background-color:#265921}.identify-button.orange{background-color:#e59f31}.identify-button.orange:hover{background-color:#ae7316}.identify-button.red{background-color:#ca2c42}.identify-button.red:hover{background-color:#871d2c}.identify-button.purple{background-color:#7e4f93}.identify-button.purple:hover{background-color:#51325e}img.card-preview{display:block;margin-bottom:24px;background-color:#eee;border-radius:5px}.floating{animation-name:floating;animation-duration:12s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes floating{0%{transform:translate(0, 2px);box-shadow:0px 0px 0px 0px rgba(0,0,0,0)}50%{transform:translate(0, -3px);box-shadow:0px 10px 20px 4px rgba(0,0,0,.3)}100%{transform:translate(0, 2px);box-shadow:0px 0px 0px 0px rgba(0,0,0,0)}}