body{padding-top:95px}.navbar-brand{display:block;text-indent:-9999px;background-image:url(/images/logo.png);background-size:78px 78px;width:78px;height:78px;white-space:nowrap}.navbar-brand a{display:block;height:100%}.navbar-nav .active{padding-bottom:5px;text-decoration:none;border-bottom:2px solid #000}#hero{background-image:url(/images/hero-background.png);height:90vh;background-size:cover;display:flex;align-items:center;justify-content:center;text-align:center}#hero h2{font-size:5em;text-shadow:#f2f2f2 2px 2px 3px}footer,#counter{color:#fff;background:#000}#counter h2,#best-guides h2,#play h2,#create-guide h2{font-size:3em}footer,#counter,#best-guides,#play{padding:60px 0}#create-guide{padding:60px 0 0}#create-guide .portal-icon{height:1.2em;vertical-align:middle}.create-guide-steps{margin-top:60px}.create-guide-steps .step{padding:64px 28px 32px;border-radius:20px 20px 0 0}.create-guide-steps .step h3{font-size:1.4em}.create-guide-steps .step-1{background:#f7941d}.create-guide-steps .step-2{background:#b669ce}.create-guide-steps .step-3{background:#3cb4d8}.create-guide-steps .step-icon{width:150px}#profile-icon{width:100px}.create-guide-steps .step-circle{top:-42px;left:50%;transform:translateX(-50%);width:84px;height:84px;background:inherit}.create-guide-steps .saashup-logo{width:56px;height:56px;object-fit:contain;vertical-align:middle}.create-guide-steps.anim-ready .step{transform:translateY(calc(100% + 60px))}.create-guide-steps.in-view .step{transform:none;transition:transform .7s ease-out}.create-guide-steps.in-view>div:nth-child(2) .step{transition-delay:.25s}.create-guide-steps.in-view>div:nth-child(3) .step{transition-delay:.5s}.bestguide:hover{opacity:.5}.card.text-bg-dark:hover{opacity:.5}footer .card{color:#fff;background:#000}@media(min-width:1400px){#hero{height:100vh}#hero h2{font-size:5.4em}}.img:hover{opacity:.7}.modal{display:none;position:fixed;z-index:100;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9)}.modal-content{margin:auto;display:block;width:60%;max-width:600px;background-color:rgba(0,0,0,.9)}.modal-content{-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}.cursor-pointer{cursor:pointer}@-webkit-keyframes zoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}@media only screen and (max-width:700px){.modal-content{width:100%}}@media(max-width:992px){.create-guide-steps{margin-top:0}.create-guide-steps>div{padding-left:0}.create-guide-steps .step{border-radius:0 20px 20px 0;padding:24px 76px 24px 20px;height:230px}.create-guide-steps .step-1{width:70%}.create-guide-steps .step-2{width:78%}.create-guide-steps .step-3{width:86%}.create-guide-steps .step-circle{left:auto;right:-47px;top:50%;transform:translateY(-50%)}.create-guide-steps.anim-ready .step{transform:translateX(calc(-100% - 60px))}.create-guide-steps.in-view .step{transform:none}}@media(prefers-reduced-motion:reduce){.create-guide-steps.anim-ready .step{transform:none;transition:none}}@media(max-width:630px){.create-guide-steps .step-1,.create-guide-steps .step-2,.create-guide-steps .step-3{width:90%;height:300px}}@media(min-width:992px){.create-guide-steps .step-2{min-height:360px}.create-guide-steps .step-3{min-height:420px}}@media(min-width:992px) and (max-width:1199.98px){.create-guide-steps .step-2{min-height:450px}.create-guide-steps .step-3{min-height:510px}}