html{scroll-behavior:smooth}body{overflow-x:hidden;margin:0;padding:0;background:var(--background-color);background-image:url(/images/background.svg);background-size:cover;min-height:100dvh}*{color:var(--font-color);box-sizing:border-box}p{line-height:1.5rem}h1,h2,h3,h4,h5,h6{margin:0}h1{font-size:3rem;font-weight:700;width:max-content}h2{font-size:2rem;font-weight:700}a>span{color:#ffffff80}#hero{position:relative;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center}#heroHeadings{display:flex;flex-direction:column;justify-content:center;gap:10px;z-index:1}#visionMotivation{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20dvh 0;gap:20px}#visionMotivation>article{transition:none}#visionMotivation>article>p{font-size:2rem;line-height:1;margin:0}article.hidden p{opacity:0;transition:opacity 1s}article.visible p{opacity:1;transition:opacity 1s;transition-delay:.1s}#visionMotivation>article>p:nth-child(2){margin:0;text-indent:20px;transition-delay:.3s}#codeIs,#inspiredBy{font-size:2rem;padding:20dvh 0;gap:30dvh;display:flex;flex-direction:column;justify-content:center;align-items:center}#codeIs{display:flex;flex-direction:column;justify-content:center;align-items:center}#codeIs>p,#inspiredBy p{line-height:1.2}#codeIs>#codeInspiration{position:relative;text-align:center;width:100vw;height:min-content}#codeIs>#codeInspiration>span{text-shadow:0 0 20px #000;position:absolute;text-align:center;display:inline-flex;align-items:center;margin-top:10px;justify-content:center;width:100%;height:100%;z-index:1}#codeIs,#inspiredBy,#visionMotivation{width:350px;margin:auto}#projects{padding:20dvh 0;font-size:2.2rem;display:flex;text-align:center;flex-direction:column;justify-content:center;align-items:center}#stepIntoFuture{padding:10dvh 0;font-size:2.2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}#stepIntoFuture>p{line-height:1.2}#stepIntoFuture .glassCard{margin-top:50px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}#imprint,#privacy{max-width:600px;min-height:100vh;margin:auto;padding:20px;font-size:1rem;display:flex;flex-direction:column;gap:80px}#privacy,#imprint{margin-top:100px}#privacy input{margin-bottom:30px}@media only screen and (max-width: 419px){#heroHeadings,.heroBorderedText,#imprint{zoom:.92}}@media only screen and (max-width: 390px){#heroHeadings,.heroBorderedText,#imprint{zoom:.8}}@media only screen and (max-width: 1100px){#heroHeadings,.heroBorderedText{padding:30dvh 20px}#privacy,#imprint{zoom:.6}}@media only screen and (min-width: 1100px){#projects,#codeIs,#inspiredBy,#visionMotivation,#stepIntoFuture{zoom:2}#heroHeadings{zoom:1.5;padding:20dvh 7vw 0 7vw;width:max-content}}@media only screen and (min-width: 1800px){#projects,#codeIs,#inspiredBy,#visionMotivation,#stepIntoFuture{zoom:2}#heroHeadings{zoom:2;padding-inline:10dvh;width:max-content}}:root{--font-color: #D2E7FF;--gradient: linear-gradient(89deg, #6363CE 7.26%, #396396 60.86%, #88AAD2 89.09%);--background-color: #0D0D0D;font-family:Inter,sans-serif}.heroBackground{width:100vw;height:100dvh;position:absolute;top:0;left:0;z-index:-1}.gradientTitle,big{background-image:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.heroBorderedText{padding:15px;margin-inline:auto;margin-block:auto 20px;border:solid;border-image-slice:1;border-width:2px;border-radius:5px;width:max-content;border-image-source:linear-gradient(10deg,#5B5BBC78 0%,#66666600 39%,#3963968F 89.09%);font-size:2rem;text-decoration:none}.codeBox,.glassCard{position:relative;margin:2px 0;font-weight:400}.codeBox{background-color:#181818;color:#ffffffb5;font-family:Fira Code,monospace}.glassCard{width:300px;height:200px;padding:10px;margin:25px 0;background-image:linear-gradient(120deg,#373739 -50%,#14141D 100%)}.glassCard>div{width:163px;height:95px;margin:auto;display:flex;justify-content:center;align-items:center}.glassCard p{margin:0;padding:10px;font-size:1.5rem}.glassCard a{font-size:1.25rem;color:#6363ce}.codeBox:before,.glassCard:before{z-index:-10;width:100%;height:100%;top:-1px;left:-1px;padding:1px;position:absolute;content:""}.codeBox,.codeBox:before,.glassCard,.glassCard:before{border-radius:5px}.codeBox:before{background-image:linear-gradient(90deg,#D2E7FF00 -20%,#D2E7FF 44%,#D1E6FEFD 49%,#7E8B9900 100%)}.glassCard:before{background-image:linear-gradient(90deg,#565658,transparent)}@supports (font-variation-settings: normal){:root{font-family:Inter var,sans-serif}}.hidden{opacity:0;transition:opacity 1s}.typewriter{color:#0000}.typewriter.visible{--n: 30;background:linear-gradient(-90deg,var(--font-color) 5px,#0000 0) 10px 0,linear-gradient(var(--font-color) 0 0) 0 0;background-size:calc(var(--n) * 1ch) 200%;-webkit-background-clip:padding-box,text;background-clip:padding-box,text;background-repeat:no-repeat;animation:b .7s infinite steps(1),t calc(var(--n) * .06s) steps(var(--n)) forwards;animation-delay:.2s;transition-delay:.2s}.visible{opacity:1;transition:all 2s;transition-delay:.1s}#codeIs>#codeInspiration>span.visible{transition-delay:1s}svg.hidden path{opacity:0}svg.visible path{opacity:.5;animation-delay:.1s;stroke-dasharray:3000;stroke-dashoffset:3000;animation:draw 4s forwards}#inspiredBy>p.hidden>span,#inspiredBy>div.hidden>p{opacity:0;transition:opacity 1s}#inspiredBy>p.visible>span,#inspiredBy>div.visible>p{opacity:1;transition:opacity 1s;transition-delay:.1s}#inspiredBy>p.visible>span:nth-child(2),#inspiredBy>div.visible>p:nth-child(2){transition-delay:.5s}@keyframes draw{0%{stroke-dashoffset:3000}to{stroke-dashoffset:0}}@keyframes t{0%{background-size:0 200%}}@keyframes b{50%{background-position:0 -100%,0 0}}