#aside{position:fixed;left:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:100px;height:90vh;background:var(--glass);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);border-radius:100px;box-shadow:0 0 10px #0000001a;border:1px solid hsla(0,0%,100%,.15);box-sizing:border-box;z-index:1}.section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px;font-size:1.125rem;line-height:1.75rem;overflow:hidden;cursor:pointer}.section:has(svg){border:1px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--primary)}.section:has(svg):hover{filter:drop-shadow(0 0 1px var(--accent));box-shadow:0 0 3px 0 var(--accent);transition:.5s}.section span{display:block}.selected{color:var(--primary);font-weight:700;font-size:2em}.canvas-container{height:100vh;width:100%;background-color:var(--background);position:fixed;transition:3s}.app{height:400vh;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;padding-left:140px;background-color:var(--filter-contrast)}.page-section{height:100vh;color:#000;display:flex;justify-content:center;align-items:center}.home-container{height:100%;width:100%;box-sizing:border-box;display:grid;grid-template:"header header header config" "main main main main" "main main main main" "footer footer footer footer"}.config{grid-area:config;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;padding:20px;box-sizing:border-box;color:var(--primary)}.main{grid-area:main;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;padding:30px;box-sizing:border-box;color:var(--primary)}.main-container{display:flex;flex-direction:row;justify-content:space-between;width:100%}.main-container .text{color:var(--text);max-width:50%;font-size:1.4em;justify-self:flex-end}.home-title{font-size:8rem;margin:0}.home-title:after{content:"Viotti";font-size:10rem;text-decoration:underline}.home-subtitle-container{display:flex;align-self:flex-start;font-size:4em}.home-subtitle{font-size:4rem;margin:0}.hidden{opacity:0}#motion-text{color:var(--accent);text-decoration:underline}.console-underscore{display:inline-block;position:relative;top:-.14em;left:10px;font-size:.8em;font-weight:900}.footer{grid-area:footer;display:flex;justify-content:flex-end;align-items:center;padding:20px;box-sizing:border-box}.hidden{display:none}.theme-container{position:relative;margin:0;padding:0;display:flex;clip-path:circle(50%);overflow:hidden;border:3px solid;border-radius:50%;box-sizing:border-box;background-color:var(--glass);transition:3s;border-color:var(--secondary)}.theme-button{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:50%;z-index:1}.theme-icon-container{position:absolute;display:flex;flex-direction:column;justify-content:space-around;top:100%;left:50%;transform:translate(-50%,-50%);height:200%}.about-container{height:100%;width:100%;display:flex;box-sizing:border-box;justify-content:space-around;align-items:baseline}.text-container{display:flex;flex-direction:column;justify-content:center;max-width:60%;height:80%;padding:20px;box-sizing:border-box;color:var(--highcontrast);font-size:1.4em}.text-container .line-wrapper{position:relative;overflow:hidden}.photo-container{position:relative;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;max-width:50%;height:80%;box-sizing:border-box;align-self:center;margin:50px}.photo-border{position:relative;display:flex;filter:grayscale(100%);margin-right:20px;transition:.8s;box-sizing:border-box;animation:fade-in linear forwards;animation-duration:1s;opacity:0;animation-timeline:view();animation-range-end:33%}@keyframes fade-in{0%{scale:.9;opacity:.6}to{opacity:1;scale:1}}.photo-border:after{content:"";position:absolute;width:100%;height:100%;border:3px solid var(--text);border-radius:20px;z-index:1;box-sizing:border-box;transition:.6s;animation:open-after linear;transform:translate(20px,20px);animation-timeline:view();animation-range-end:33%}@keyframes open-after{0%{transform:translate(0)}to{transform:translate(20px,20px)}}.photo-border:hover:after{content:"";position:absolute;width:100%;height:100%;border:3px solid var(--text);border-radius:20px;transform:translate(0);transition:.6s;box-sizing:border-box;z-index:1}.photo-border:before{content:"";position:absolute;width:100%;height:100%;border:3px solid var(--background);border-radius:20px;z-index:-1;box-sizing:border-box;transition:.6s;animation:open-before linear;transform:translate(-20px,-20px);animation-timeline:view();animation-range-end:33%}@keyframes open-before{0%{transform:translate(0)}to{transform:translate(-20px,-20px)}}.photo-border:hover:before{content:"";position:absolute;width:100%;height:100%;border:3px solid var(--background);border-radius:20px;transform:translate(0);z-index:-1;box-sizing:border-box;transition:.6s}.photo-border img{width:100%;object-fit:contain;border-radius:20px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014}.photo-border:hover{filter:grayscale(60%);transition:.8s ease}.link-container{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;color:var(--primary);padding:0;cursor:pointer}.link-container a{font-size:1.65em;margin:0 0 0 5px;padding:10px;color:var(--highcontrast)}.links-container{align-self:baseline;padding:0}.links-container svg{color:var(--highcontrast)}.link-container svg{transition:.3s}.link-container:hover svg{transform:translate(5px);transition:.3s}.link-container:hover h2{text-decoration:underline}.container{display:flex;width:90%;max-height:80%;padding:10px}.visualization{position:relative;flex:1;overflow:hidden;align-items:center;max-width:50%}.list{flex:1;padding:30px;overflow-y:auto;box-sizing:border-box}.list-item{cursor:pointer;padding:10px 10px 10px 30px;margin-bottom:5px;transition:all .2s ease;color:var(--primary);scale:.98;border-radius:2em 0 0 2em}.list-item:hover{transition:all .5s ease;color:var(--highcontrast);scale:1.05}.list-item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,var(--accent),transparent);opacity:0;border-radius:2em 0 0 2em;transition:opacity .5s ease;z-index:-1}.list-item:hover:after{opacity:.5}.list-item:hover+*{transition:all .2s ease;scale:.99}.list-item:has(+*:hover){transition:all .2s ease;scale:.99}.list-item small{color:var(--text)}.list-item h2{font-size:1.5em}.list::-webkit-scrollbar{width:10px}.list::-webkit-scrollbar-thumb{background-color:var(--glass);border-radius:10px}.project-name{margin:0;font-size:1.2em;text-transform:uppercase}.project-meta{margin:5px 0 0;font-size:.8em}.project-details{display:flex;flex-direction:column;color:var(--text)}.info-div .header{display:flex;justify-content:space-between}.info-div .header h2{margin:0;font-size:3em;color:var(--highcontrast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-div .header p{margin:0}.info-div .footer{display:flex;justify-content:space-between;align-items:center;padding:10px}.image-div{display:flex;width:100%;border-radius:20px;overflow:hidden;max-height:386px}.project-image{filter:grayscale(50%) contrast(.9);border-radius:20px;width:100%;height:100%;object-fit:cover}.project-type{font-style:italic;color:var(--text)}.project-link{position:relative;color:var(--primary);text-decoration:none;font-size:1.1em;border-radius:5px}.project-link:hover{text-decoration:underline}.placeholder{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--primary);font-size:1.2em}.contact-container{height:100%;width:100%;box-sizing:border-box;display:grid;grid-template:"header header header config" "header header header config" "header header header config" "main main main main" "bottom-main bottom-main bottom-main bottom-main" "footer footer footer footer" "footer footer footer footer"}.contact-container .main{grid-area:main;display:flex;flex-direction:row;justify-content:flex-end;padding:0 30px;width:100%;box-sizing:border-box;color:var(--primary)}.contact-title{display:flex;justify-content:space-between;align-items:flex-end;width:90%;margin:0;padding:0;border-bottom:1px solid var(--primary)}.contact-title h1{font-size:4em;margin:0;padding:0}.contact-title h2{font-size:2em;margin:0;padding:0}.bottom-main{grid-area:bottom-main;width:90%;padding:10px 30px;display:flex;justify-content:flex-end;align-items:flex-start;box-sizing:border-box;width:100%;color:var(--primary)}.contact-svgs{display:flex;justify-content:space-between;width:90%;margin:10px;box-sizing:border-box}.contact-svgs svg{padding:10px}.contact-svgs .svg-label{content:"opa"}.svg-label{display:flex;padding:0;border-radius:50%;line-height:.1em;background-color:var(--glass)}.contact-svgs .social-labels{display:flex;flex-direction:row}.social-labels label{display:flex;position:relative;cursor:pointer;margin:0 10px;padding:0;border:1px solid var(--primary);box-sizing:border-box;transition:all .6s}.social-labels label:hover{background-color:var(--primary);border-color:var(--secondary);transition:all .6s}.social-labels svg:hover{color:var(--background);transition:all .6s;animation:wiggle .3s}.social-labels label:hover:after{position:absolute;content:attr(data-label);bottom:-30%;left:50%;transform:translate(-50%);animation:fadeIn .6s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes wiggle{0%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}.mail-svg{position:relative;border-radius:100px;display:flex;padding:0;line-height:.1em;background-color:var(--glass);border:1px solid var(--primary)}.mail-svg-hover{background-color:var(--primary);border-color:var(--secondary);border-radius:50px;padding:0 1em;transition:.6s}.mail-label-div{display:flex;position:relative;flex-direction:row}.mail-label-div .mail-label{position:absolute;right:0}.mail-label-hover svg{color:var(--background);transition:all .6s;animation:wiggle .3s}.mail-svg-hover span{display:flex;align-items:center;color:var(--secondary)}@font-face{font-family:Cs Claire Mono;src:url(/assets/CsClaireMonoDemoRegular-0vdyX-B7Y6t3xx.otf)}@font-face{font-family:Amaris Blur;src:url(/assets/AmarisblurRegular-ovXKz-C6sNU4eG.otf)}:root{font-family:Cs Claire Mono,monospace;line-height:1.5;font-weight:400;--text: #666666;--background: #ecebff;--background-50: #faf9f980;--primary: #414141;--secondary: #c3bbb6;--accent: #ffffff;--glass: #ffffff80;--highcontrast: #000000;--filter-contrast: #00000000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}.dark{--text: #cccccc;--background: #313131;--background-50: #30303080;--primary: #faf9f9;--secondary: #414141;--accent: #ffffff;--glass: #ffffff18;--highcontrast: #ffffff;--filter-contrast: hsla(0, 0%, 0%, .2)}body{margin:0;padding:0;width:100%;height:100%}::-webkit-scrollbar-thumb{background:var(--primary)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:transparent}::selection{background-color:#fc0;color:#000}