:root{--dark-color: hsl(var(--hue), 100%, 9%);--light-color: hsl(var(--hue), 95%, 98%);--base: hsl(var(--hue), 95%, 50%);--complimentary1: hsl(var(--hue-complimentary1), 95%, 50%);--complimentary2: hsl(var(--hue-complimentary2), 95%, 50%);--font-family: "Poppins", system-ui;scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{max-width:1920px;min-height:100vh;display:grid;place-items:center;font-family:var(--font-family);color:var(--dark-color)}.sticky{position:-webkit-sticky;position:sticky;top:0}.list-inline{list-style:none;margin-left:-.5em;margin-right:-.5em;padding:0}.list-inline>li{display:inline-block;margin-left:.5em;margin-right:.5em}.list-inline>li:before{content:"\200b";position:absolute}.orb-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}strong{font-weight:600}.overlay{width:100%;max-width:100%;height:100vh;padding:8rem 6rem;display:flex;align-items:center;background:rgba(255,255,255,.375);box-shadow:0 .75rem 2rem #0000001a;border:1px solid rgba(255,255,255,.125)}.overlay_second{width:100%;max-width:100%;height:100vh;padding:8rem 6rem;display:flex;align-items:center;box-shadow:0 .75rem 2rem #0000001a;border:1px solid rgba(255,255,255,.125)}.nooverlay{width:100%;max-width:auto;height:100vh;padding:8rem 6rem;background-image:url(/image/hero.png);background-size:cover;align-items:center}.overlay-nav{width:100%;max-width:100%;max-height:auto;padding:2rem 6rem;display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.9);box-shadow:0 .75rem 2rem #0000001a;border:1px solid rgba(255,255,255,.125)}.primary-icon{height:20px}.menu-line{width:20px;height:3px;background-color:#000;margin-bottom:4px}.menu{display:none}.menu:hover{cursor:pointer}.overlay__inner{max-width:36rem}.overlay__title{font-size:4rem;line-height:3.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:2rem}.text-gradient{background-image:linear-gradient(45deg,var(--base) 25%,var(--complimentary2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.overlay__description{font-size:1rem;line-height:1.75rem;margin-bottom:3rem}.overlay__btns{width:100%;max-width:30rem;display:flex}.overlay__btn{width:50%;height:2.5rem;display:flex;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;color:var(--light-color);background:var(--dark-color);border:none;border-radius:.5rem;transition:transform .15s ease;outline-color:hsl(var(--hue),95%,50%)}.overlay__btn:hover{transform:scale(1.05);cursor:pointer}.overlay__btn--transparent{background:transparent;color:var(--dark-color);border:2px solid var(--dark-color);border-width:2px;margin-right:.75rem}.overlay__btn-emoji{margin-left:.375rem}a{text-decoration:none;color:var(--dark-color);width:100%;height:100%;display:flex;justify-content:center;align-items:center}a.item,a[href="#home"]{display:unset;padding-block:16px}@media (prefers-contrast: high){.orb-canvas{display:none}}@media only screen and (max-width: 1140px){.overlay{padding:8rem 4rem}.nooverlay{padding:8rem 4rem}.overlay_second{padding:8rem 4rem}.overlay-nav{padding:2rem 4rem}}@media only screen and (max-width: 840px){body{padding:1.5rem}.overlay{padding:4rem;height:auto}.nooverlay{padding:4rem;height:auto}.overlay_second{padding:4rem;height:auto}.overlay-nav{padding:2rem 4rem}.overlay__title{font-size:2rem;line-height:2rem;margin-bottom:1.5rem}.overlay__description{font-size:.875rem;line-height:1.5rem;margin-bottom:2.5rem}}@media only screen and (max-width: 600px){.overlay{padding:1.5rem}.nooverlay{padding:1.5rem}.overlay_second{padding:1.5rem}.overlay__btns{flex-wrap:wrap}.overlay__btn{width:100%;font-size:.75rem;margin-right:0}.overlay__btn:first-child{margin-bottom:1rem}.menu{display:block;position:absolute;right:25px;top:15;padding:20px 10px}.overlay-nav{flex-direction:column;padding:0 1rem}.list-inline{width:100%;display:none}.list-inline .list-item{text-align:center;width:100%;display:block;border-top:1px solid black;padding:20px 10px}.list-inline>li{margin:0}.logo-div{padding:20px 10px;align-self:baseline}}.active{display:block}
