@import"https://api.fontshare.com/v2/css?f[]=outfit@1&f[]=satoshi@1&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";:root{font-family:Outfit;font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scroll-behavior:smooth;color:#fdfdfd}code{font-family:Space Mono}body{background-color:#0f0e1d;margin:0;place-items:center}#app{width:100%}#threejs-container{position:absolute;display:flex;top:0;bottom:0;left:0;right:0;align-items:center;justify-content:flex-end;box-sizing:border-box;padding-inline:10vw}canvas{width:500px;height:500px}@media screen and (max-width: 910px){#threejs-container{justify-content:center;padding-inline:0;padding-bottom:15rem}}:root{--color1: #4C2096;--color2: #2B2180;--color3: #203396}.container{z-index:-1;position:absolute;margin:0;top:0;left:0;bottom:0;width:100%;overflow:hidden}.container div{position:absolute;border-radius:50%;transition:opacity .1s;animation:gradient 5s infinite}@keyframes gradient{70%{transform:scale(1.5) translate(50px)}}.container div:nth-child(1){height:60%;width:50%;background-color:var(--color1);bottom:-15%;left:-15%;animation-delay:.3s}.container div:nth-child(2){height:50%;width:60%;background-color:var(--color2);bottom:-10%;left:20%;animation-delay:1.2s}.container div:nth-child(3){height:55%;width:60%;background-color:var(--color3);bottom:-10%;right:-20%;animation-delay:3.1s}.container:after{position:absolute;content:"";height:100%;width:100%;-webkit-backdrop-filter:blur(150px);backdrop-filter:blur(150px)}.container.noblur:after{-webkit-backdrop-filter:none;backdrop-filter:none}#navbar-container{position:fixed;top:0;left:0;width:100%;box-sizing:border-box;padding:2rem 4rem;display:flex;justify-content:space-between;z-index:100;pointer-events:none}.bar{border-radius:1rem;background:#26243369;color:#efefef;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 5px 10px #12121269;display:flex;gap:1.2rem;height:4rem;align-items:center;padding-inline:1.5rem;font-size:20px;pointer-events:auto}#navbar{-webkit-user-select:none;user-select:none}#mobile-nav{display:none}.bar a{all:unset;position:relative;cursor:pointer;transition:color .2s}.bar a.linktext:after{content:"";position:absolute;bottom:0;left:50%;width:0%;height:.15em;background:linear-gradient(90deg,#9253ff,#4b69ff);border-radius:.125rem;transition:width .25s ease-out,left .25s ease-out}.bar a.linktext:hover:after{left:0%;width:100%}.bar a.linktext:active,.bar a.linkicon:hover{color:#6f5fff}#titlebar{-webkit-user-select:none;user-select:none}#titlebar img{width:3rem;height:3rem;border-radius:50%}#titlebar div{transition:color .2s}#titlebar div:hover{color:#6f5fff}@media screen and (max-width: 750px){#titlebar,#navbar{display:none}#mobile-nav{display:flex}#navbar-container{justify-content:center}}#home{top:0;left:0;height:100vh;width:100%;box-sizing:border-box;display:flex;align-items:start;justify-content:flex-end;flex-direction:column;padding:6rem}#home h1{font-family:Satoshi;font-size:5rem;font-weight:1000;color:#fffe;line-height:110%;margin-block:1.5rem}#basicinfo{font-size:1.5rem;color:#fffa;line-height:120%;position:relative}code.blinker{position:relative}code.blinker:after{content:"";display:inline-block;position:absolute;bottom:0;right:-.2rem;height:100%;width:.15rem;background:#6874ffee;animation:blink .7s linear forwards infinite}.scrollarrow{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:20px;margin-block:1rem;color:#fffa;animation:arrow 1s steps(20) forwards infinite;transition:color .15s,opacity .2s}.scrollarrow:hover{color:#6874ffee}@keyframes blink{0%,50%{opacity:0}51%,to{opacity:1}}@keyframes arrow{0%{bottom:0}50%{bottom:-.35rem}to{bottom:0}}@media screen and (max-width: 570px){#home h1{font-size:3.5rem}#basicinfo{font-size:1rem}}@media screen and (max-width: 500px){#home{align-items:center}#home h1{font-size:3rem;width:calc(100vw - 7rem)}#basicinfo{width:calc(100vw - 7rem)}}@media screen and (max-width: 770px){code.blinker:after{display:none}}.card[data-v-86638a74]{width:20rem;padding:1rem 1rem 2rem;opacity:0;transform:scale(.5);transition:opacity .5s cubic-bezier(.4,.1,.35,1.35),transform .5s cubic-bezier(.4,.1,.35,1.35);background:#ffffff0a;border-radius:1rem;position:relative}.show[data-v-86638a74]{opacity:1;transform:none}img[data-v-86638a74]{width:100%;border-radius:.5rem}.title[data-v-86638a74]{font-size:24px;margin-block:.5rem}p[data-v-86638a74]{margin:.5rem 0 1rem}.card-links[data-v-86638a74]{position:absolute;bottom:1rem;display:flex;gap:.5rem}.card-links a[data-v-86638a74]{all:unset;font-size:20px;cursor:pointer;transition:color .2s}.card-links a[data-v-86638a74]:hover{color:#6f5fff}@media (prefers-reduced-motion){.card[data-v-86638a74]{transition:none}}@media screen and (max-width: 500px){.card[data-v-86638a74]{width:60vw;padding:.8rem .8rem 2.2rem}}#projects[data-v-05850753]{padding:8rem 6rem;overflow-x:hidden}#projects h1[data-v-05850753]{font-family:Satoshi;font-size:3rem;font-weight:800}.description[data-v-05850753]{font-size:1.3rem;color:#fffa;line-height:120%}#card-container[data-v-05850753]{margin-top:2em;display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));justify-content:start;gap:2rem}@media screen and (min-width: 1200px){#card-container[data-v-05850753]{margin-top:4em;gap:3rem}}@media screen and (max-width: 750px){#projects[data-v-05850753]{padding:6rem 3.5rem}#projects h1[data-v-05850753]{font-size:2rem}.description[data-v-05850753]{font-size:1rem}}@media screen and (max-width: 900px){#card-container[data-v-05850753]{display:flex;flex-direction:column;align-items:center}}#links{padding:8rem 6rem;overflow-x:hidden;background-image:url(/imgs/gabriele-garanzelli-unsplash-edit.jpg);min-height:100vh;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column}#links h1{font-family:Satoshi;font-size:3rem;font-weight:800}#linkbox{list-style-type:none;padding:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}#linkbox li{background:#26243369;color:#efefef;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 5px 10px #12121269;border-radius:.5rem;padding:1rem;width:25rem;text-align:center;position:relative;transition:color .2s,transform .2s;cursor:pointer;font-size:22px}#linkbox li:hover{transform:scale(105%);color:#6f5fff}#linkbox li:before{position:absolute;left:1rem;font-family:"Font Awesome 6 Brands";font-size:24px;width:26px;line-height:26px;content:attr(fonticon)}@media screen and (max-width: 750px){#links{padding:6rem 3.5rem}#links h1{font-size:2rem}}@media screen and (max-width: 600px){#linkbox li{width:100%}}#about[data-v-1761559e]{padding:8rem 6rem;overflow-x:hidden}h1[data-v-1761559e]{font-family:Satoshi;font-size:3rem;font-weight:800;margin-bottom:2.5rem}h2[data-v-1761559e]{font-family:Satoshi;font-size:2.5rem;font-weight:600;margin-block:0}.alt[data-v-1761559e]{color:#fffa}.big[data-v-1761559e]{font-size:1.5rem}li[data-v-1761559e],.stuff[data-v-1761559e]{font-size:1.1rem}p[data-v-1761559e],li span[data-v-1761559e]{font-size:1.1rem;color:#fdfdfd}.colored[data-v-1761559e]{color:#a99fff}ul[data-v-1761559e]{margin-block:0}li[data-v-1761559e]{color:#a99fff}.clickable[data-v-1761559e]{cursor:pointer}