main{display:flex;flex-direction:column;justify-content:space-between;padding:2rem;margin:auto;max-width:768px}section{flex:1 1;position:relative;height:100%;margin-bottom:3em;border-radius:7px;padding:2rem}section::-webkit-scrollbar{display:none}section:nth-child(3){flex:3 1;min-height:500px;max-height:500px;overflow-y:auto}section h1{position:relative;text-align:center;margin-bottom:20px}section h1:before{left:0}section h1:after,section h1:before{content:" ";display:block;height:2px;width:100px;position:absolute;top:50%;z-index:-1;background:#4caf50}section h1:after{right:0}section:first-child img{position:absolute;left:-30%;opacity:.5;background-position:50%;object-fit:cover}.techstack__list{margin-top:5px}.chart-container{position:relative;margin:auto;max-width:400px}.description{display:inherit;justify-content:inherit;align-items:inherit;font-size:.85rem;max-width:var(--max-width);width:100%;z-index:2;font-family:var(--font-mono)}.description a{display:flex;justify-content:center;align-items:center;gap:.5rem}.description p{position:relative;margin:0;padding:1rem;background-color:rgba(var(--callout-rgb),.5);border:1px solid rgba(var(--callout-border-rgb),.3);border-radius:var(--border-radius)}.code{font-weight:700;font-family:var(--font-mono)}.grid{display:grid;grid-template-columns:repeat(2,minmax(300px,auto));max-width:100%;justify-content:center;margin:auto}.card{display:flex;position:relative;width:300px;height:300px;padding:1rem 1.2rem;border-radius:var(--border-radius);background:rgba(var(--card-rgb),0);border:1px solid rgba(var(--card-border-rgb),0);transition:background .2s,border .2s;cursor:pointer;perspective:1000px}.card span{display:inline-block;transition:transform .2s}.card h2{font-weight:600;margin-bottom:.7rem}.card p{margin:0;opacity:.6;font-size:.9rem;line-height:1.5;max-width:30ch}.card img{z-index:-1;object-fit:cover;object-position:center}.card figure figcaption{z-index:10;background:green;padding:5px}.cardInner{width:100%;height:100%;transition:transform 1s;transform-style:preserve-3d;cursor:pointer;position:relative}.card:hover .cardInner{transform:rotateY(180deg)}.cardFace{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;overflow:hidden;width:100%;height:100%;border-radius:5px}.cardFront{text-align:center;color:#fff}.cardBack{transform:rotateY(180deg);text-align:left}.cardBack span{margin-bottom:1rem}.center{display:flex;justify-content:center;align-items:center;position:relative;padding:4rem 0}.center:before{background:var(--secondary-glow);border-radius:50%;width:480px;height:360px;margin-left:-400px}.center:after{background:var(--primary-glow);width:240px;height:180px;z-index:-1}.center:after,.center:before{content:"";left:50%;position:absolute;filter:blur(45px);transform:translateZ(0)}.logo{position:relative}@media (hover:hover) and (pointer:fine){.card:hover{background:rgba(var(--card-rgb),.1);border:1px solid rgba(var(--card-border-rgb),.15)}}@media (prefers-reduced-motion){.card:hover span{transform:none}}@media (max-width:700px){.content{padding:4rem}.grid{grid-template-columns:1fr;margin-bottom:120px;max-width:320px;text-align:center}section:first-child img{display:none}.card{padding:1rem 2.5rem}.card h2{margin-bottom:.5rem}.center{padding:8rem 0 6rem}.center:before{transform:none;height:300px}.description{font-size:.8rem}.description a{padding:1rem}.description div,.description p{display:flex;justify-content:center;position:fixed;width:100%}.description p{align-items:center;inset:0 0 auto;padding:2rem 1rem 1.4rem;border-radius:0;border:none;border-bottom:1px solid rgba(var(--callout-border-rgb),.25);background:linear-gradient(to bottom,rgba(var(--background-start-rgb),1),rgba(var(--callout-rgb),.5));background-clip:padding-box;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.description div{align-items:flex-end;pointer-events:none;inset:auto 0 0;padding:2rem;height:200px;background:linear-gradient(to bottom,transparent 0,rgb(var(--background-end-rgb)) 40%);z-index:1}}@media (min-width:383px) and (max-width:768px){main{padding:1rem}ul>li{flex-wrap:wrap;flex-direction:column!important}ul>li>div:nth-child(2){display:none}ul>li{justify-content:start}ul>li div{text-align:left!important}}:root{--max-width:1100px;--border-radius:12px;--card-rgb:255,255,255;--border-radius:7px;--card-border-rgb:255,255,255;--primary-color:#4caf50;--primary-color-highlight:6ad46d;--primary-color-background-light:#8d8d8d45;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;transition:.2s ease-in-out}a{color:var(--primary-color);text-decoration:none}a:hover{color:var(--primary-color-highlight)}section>div>a:hover{transition:.2s ease-in-out;transform:scale(1.2)}ul{list-style:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}