:root{--inactive-color-bg: hsl(233, 49%, 90%);--inactive-color-text:hsl(233, 50%, 10%);--color-bg: hsl(233, 49%, 10%);--color-text: hsl(233, 50%, 90%);--color-accent: hsl(293, 80%, 80%);--color-personality: hsl(173, 80%, 80%);--light-white: #FAFAFA;--opaque-white: rgba(255,255,255, .6);--text-gradient: linear-gradient(45deg, var(--color-accent), var(--color-personality));--bg-gradient: linear-gradient(45deg, hsl(233, 49%, 20%), hsl(232, 50%, 15%));--svg-filter: none;--content-width: clamp(1200px, 80vw, 1600px);--side-padding: 1rem}.light-theme{--inactive-color-text:hsl(233, 50%, 90%);--inactive-color-bg: hsl(233, 49%, 10%);--color-bg: hsl(233, 49%, 90%);--color-text: hsl(233, 50%, 10%);--color-accent: hsl(293, 80%, 20%);--color-personality: hsl(173, 80%, 20%);--bg-gradient: linear-gradient(45deg, hsl(233, 49%, 80%), hsl(233, 49%, 85%));--svg-filter: invert(1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:PT Sans,sans-serif;background-color:var(--color-bg);color:var(--light-white);transition:all .3s ease;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}section{margin-bottom:4rem;margin-left:auto;margin-right:auto;padding-top:clamp(4rem,8vw,10rem)}section:last-child{margin-bottom:0rem}section>div{max-width:var(--content-width);margin-left:auto;margin-right:auto}h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:119%;color:var(--color-text)}button{background:transparent;border:none;cursor:pointer}h2,.h2{font-size:clamp(1.5rem,2vw,2.5rem);font-weight:700;color:var(--color-text)}h3{font-size:clamp(1.25rem,2.5vw,2.25rem);font-weight:700;color:var(--color-text)}h4{font-size:clamp(1rem,2vw,2rem);font-weight:700;color:var(--color-text)}p,a{font-size:clamp(1rem,1.75vw,2rem);font-weight:400;color:var(--color-text);line-height:120%}.info{font-size:clamp(.75rem,2vw,1.5rem)}.small-text{font-size:clamp(.875rem,2.25vw,1.75rem)}.primary-button{background-color:var(--color-accent);color:var(--color-bg);padding:.25rem 2rem;border:none;cursor:pointer;transition:background-color .3s ease;border-radius:50px;font-family:PT Sans,sans-serif;font-weight:700;font-size:clamp(2rem,5vw,3rem)}.primary-button-small{background-color:var(--color-accent);color:var(--color-bg);padding:.15rem 1rem;border:none;cursor:pointer;transition:background-color .3s ease;border-radius:50px;font-family:PT Sans,sans-serif;font-weight:700;font-size:clamp(1.5rem,4vw,2.25rem)}.text-gradient{background:linear-gradient(to right,var(--color-accent) 30%,var(--color-personality));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}@media screen and (width > 900px){:root{--side-padding: 2rem}}@media screen and (min-width > 1024px){:root{--side-padding: 3rem}}
