.header,.overlay{max-width:1140px;display:flex}.orb-canvas,a{width:100%;height:100%}: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%);--bg-gradient:linear-gradient(
    to bottom,
    hsl(var(--hue), 95%, 99%),
    hsl(var(--hue), 95%, 84%)
  )}*{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;grid-gap:0rem;place-items:start;padding:2rem;font-family:'Work Sans';color:var(--light-color);background:#111}.orb-canvas{position:fixed;top:0;left:0;pointer-events:none;z-index:-1}strong{font-weight:600}.header{width:100%;margin:auto;padding:1.5rem;border-radius:2rem}.logo{height:4rem}.overlay{width:100%;max-height:640px;margin:0 auto auto;padding:8rem 6rem;align-items:center;background:rgba(255,255,255,.15);box-shadow:0 .75rem 2rem 0 rgba(0,0,0,.1);border-radius:1rem;border:1px solid rgba(255,255,255,.075)}.overlay__submit,.text-gradient{background-image:linear-gradient(45deg,var(--base) 25%,var(--complimentary2))}.overlay__inner{max-width:38rem}.overlay__title{font-size:1.875rem;line-height:2.75rem;font-weight:700;letter-spacing:-.025em;margin-bottom:2rem}.text-gradient{-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__input,.overlay__submit{height:2.5rem;font-size:.875rem;font-weight:600;transition:transform 150ms;outline-color:hsl(var(--hue),95%,50%);color:var(--light-color);display:flex}.overlay__form{width:100%;max-width:30rem;display:flex}.overlay__submit{width:33%;justify-content:center;align-items:center;border:none;border-radius:.5rem}.overlay__input{width:67%;justify-content:center;align-items:center;padding-left:1rem;padding-right:1rem;background:var(--dark-color);border:none;border-radius:.5rem}.overlay__submit:hover{transform:scale(1.05);cursor:pointer}.overlay__submit--transparent{background-image:linear-gradient(45deg,var(--base) 25%,var(--complimentary2));color:var(--light-color);border:0 solid var(--light-color);margin-right:.75rem}.overlay__input--transparent{background:0 0;color:var(--light-color);border:2px solid var(--light-color);border-width:2px;margin-right:.75rem}.overlay__btn-emoji{margin-left:.375rem}a{text-decoration:none;color:var(--dark-color);display:flex;justify-content:left;align-items:center}@media (prefers-contrast:high){.orb-canvas{display:none}}@media only screen and (max-width:1140px){.overlay{padding:8rem 4rem}}@media only screen and (max-width:840px){body{padding:1.5rem}.overlay{padding:4rem;height:auto}.overlay__title{font-size:1.25rem;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}.overlay__btns{flex-wrap:wrap}.overlay__btn{width:100%;font-size:.75rem;margin-right:0}.overlay__btn:first-child{margin-bottom:1rem}}