.jsPanel:not(.laid-out){visibility:hidden}@font-face{font-family:Roboto;font-style:normal;font-weight:100 400;font-display:swap;src:url("../fonts/roboto-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:100 400;font-display:swap;src:url("../fonts/roboto-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Material Icons Sharp";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/material-icons-sharp.woff2") format("woff2")}.material-icons-sharp{font-family:"Material Icons Sharp";font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}*{font-family:Roboto,sans-serif;font-weight:400;line-height:1.7;text-transform:lowercase}html{font-size:100%;overflow:hidden}body{margin:0;border:0;padding:0;background-color:#000;color:#fff;overflow:hidden}a{color:#fff}.material-icons-sharp{font-size:1.414rem;width:1.25rem;height:1.25rem}.container{position:absolute;top:4%;right:4%;bottom:4%;left:4%;width:92%;height:92%;overflow:hidden}div.content{position:relative;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;flex-wrap:nowrap}.hide,.st{font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif}h1.glitch{color:#fff;font-family:sans-serif;font-weight:400;position:relative;font-size:6vw;padding:30px;background-color:#000}h1.glitch::after,h1.glitch::before{padding:30px;color:#fff;content:"leandro estrella";position:absolute;width:100%;height:100%;background-color:#000;overflow:hidden;top:0}h1.glitch::before{left:3px;text-shadow:-2px 0 red;animation:glitch-animation-1 2s linear infinite alternate-reverse;clip-path:inset(82px 0 calc(100% - 117px) 30px)}h1.glitch::after{left:-3px;text-shadow:-2px 0 #00f;animation:glitch-animation-2 2s linear infinite alternate-reverse;clip-path:inset(94px 0 calc(100% - 68px) 30px)}.menu h1.glitch::after,.menu h1.glitch::before{display:none}.menu a:hover h1.glitch::before{display:block;clip-path:inset(54% 0 22% 0);animation:icon-glitch-clip-1 2s linear infinite alternate-reverse}.menu a:hover h1.glitch::after{display:block;clip-path:inset(62% 0 55% 0);animation:icon-glitch-clip-2 2s linear infinite alternate-reverse}@keyframes glitch-animation-1{0%{clip-path:inset(139px 0 calc(100% - 17px) 30px)}5%{clip-path:inset(70px 0 calc(100% - 40px) 30px)}10%{clip-path:inset(121px 0 calc(100% - 123px) 30px)}15%{clip-path:inset(21px 0 calc(100% - 72px) 30px)}20%{clip-path:inset(9px 0 calc(100% - 80px) 30px)}25%{clip-path:inset(109px 0 calc(100% - 105px) 30px)}30%{clip-path:inset(61px 0 calc(100% - 41px) 30px)}35%{clip-path:inset(103px 0 calc(100% - 6px) 30px)}40%{clip-path:inset(31px 0 calc(100% - 27px) 30px)}45%{clip-path:inset(101px 0 calc(100% - 55px) 30px)}50%{clip-path:inset(88px 0 calc(100% - 143px) 30px)}55%{clip-path:inset(110px 0 calc(100% - 122px) 30px)}60%{clip-path:inset(125px 0 calc(100% - 48px) 30px)}65%{clip-path:inset(40px 0 calc(100% - 125px) 30px)}70%{clip-path:inset(131px 0 calc(100% - 78px) 30px)}75%{clip-path:inset(113px 0 calc(100% - 91px) 30px)}80%{clip-path:inset(29px 0 calc(100% - 130px) 30px)}85%{clip-path:inset(106px 0 calc(100% - 25px) 30px)}90%{clip-path:inset(31px 0 calc(100% - 61px) 30px)}95%{clip-path:inset(67px 0 calc(100% - 130px) 30px)}100%{clip-path:inset(82px 0 calc(100% - 117px) 30px)}}@keyframes glitch-animation-2{0%{clip-path:inset(71px 0 calc(100% - 27px) 30px)}5%{clip-path:inset(95px 0 calc(100% - 22px) 30px)}10%{clip-path:inset(77px 0 calc(100% - 141px) 30px)}15%{clip-path:inset(59px 0 calc(100% - 99px) 30px)}20%{clip-path:inset(50px 0 calc(100% - 136px) 30px)}25%{clip-path:inset(96px 0 calc(100% - 81px) 30px)}30%{clip-path:inset(79px 0 calc(100% - 29px) 30px)}35%{clip-path:inset(134px 0 calc(100% - 148px) 30px)}40%{clip-path:inset(145px 0 calc(100% - 90px) 30px)}45%{clip-path:inset(124px 0 calc(100% - 128px) 30px)}50%{clip-path:inset(135px 0 calc(100% - 130px) 30px)}55%{clip-path:inset(11px 0 calc(100% - 139px) 30px)}60%{clip-path:inset(84px 0 calc(100% - 44px) 30px)}65%{clip-path:inset(131px 0 calc(100% - 72px) 30px)}70%{clip-path:inset(103px 0 calc(100% - 76px) 30px)}75%{clip-path:inset(131px 0 calc(100% - 149px) 30px)}80%{clip-path:inset(139px 0 calc(100% - 148px) 30px)}85%{clip-path:inset(42px 0 calc(100% - 30px) 30px)}90%{clip-path:inset(25px 0 calc(100% - 36px) 30px)}95%{clip-path:inset(40px 0 calc(100% - 76px) 30px)}100%{clip-path:inset(94px 0 calc(100% - 68px) 30px)}}.container h1{margin-top:0}.container a:hover,a:hover,span.st{text-decoration:line-through}.container a{text-decoration:none}.menu a,.menu button{text-decoration:none;overflow:hidden;background-color:transparent;position:fixed;z-index:500;font-size:3rem;line-height:1;color:#fff;border:0;padding:0;cursor:pointer}.menu a:hover,.menu button:hover{text-decoration:none;overflow:visible}.menu .theme-filter-btn{overflow:visible;width:auto;height:auto}.glitch-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;overflow:hidden;pointer-events:none}.glitch-layer-red{left:3px;text-shadow:-2px 0 red;animation:icon-glitch-clip-1 2s linear infinite alternate-reverse}.glitch-layer-blue{left:-3px;text-shadow:-2px 0 #00f;animation:icon-glitch-clip-2 2s linear infinite alternate-reverse}@keyframes icon-glitch-clip-1{0%{clip-path:inset(92% 0 0 0)}5%{clip-path:inset(46% 0 27% 0)}10%{clip-path:inset(80% 0 2% 0)}15%{clip-path:inset(14% 0 52% 0)}20%{clip-path:inset(6% 0 47% 0)}25%{clip-path:inset(72% 0 10% 0)}30%{clip-path:inset(40% 0 55% 0)}35%{clip-path:inset(68% 0 96% 0)}40%{clip-path:inset(20% 0 82% 0)}45%{clip-path:inset(67% 0 37% 0)}50%{clip-path:inset(58% 0 5% 0)}55%{clip-path:inset(73% 0 19% 0)}60%{clip-path:inset(83% 0 32% 0)}65%{clip-path:inset(26% 0 17% 0)}70%{clip-path:inset(87% 0 48% 0)}75%{clip-path:inset(75% 0 39% 0)}80%{clip-path:inset(19% 0 13% 0)}85%{clip-path:inset(70% 0 83% 0)}90%{clip-path:inset(20% 0 59% 0)}95%{clip-path:inset(44% 0 13% 0)}100%{clip-path:inset(54% 0 22% 0)}}@keyframes icon-glitch-clip-2{0%{clip-path:inset(47% 0 82% 0)}5%{clip-path:inset(63% 0 85% 0)}10%{clip-path:inset(51% 0 6% 0)}15%{clip-path:inset(39% 0 34% 0)}20%{clip-path:inset(33% 0 10% 0)}25%{clip-path:inset(64% 0 46% 0)}30%{clip-path:inset(52% 0 81% 0)}35%{clip-path:inset(89% 0 1% 0)}40%{clip-path:inset(96% 0 40% 0)}45%{clip-path:inset(82% 0 15% 0)}50%{clip-path:inset(90% 0 13% 0)}55%{clip-path:inset(7% 0 8% 0)}60%{clip-path:inset(56% 0 70% 0)}65%{clip-path:inset(87% 0 52% 0)}70%{clip-path:inset(68% 0 49% 0)}75%{clip-path:inset(87% 0 1% 0)}80%{clip-path:inset(92% 0 1% 0)}85%{clip-path:inset(28% 0 80% 0)}90%{clip-path:inset(16% 0 76% 0)}95%{clip-path:inset(26% 0 49% 0)}100%{clip-path:inset(62% 0 55% 0)}}.menu h1.glitch{text-decoration:line-through;position:relative;margin:0;padding:0;font-size:3rem;line-height:1;background-color:#000}.menu #name{overflow:visible}.menu h1.glitch::after,.menu h1.glitch::before{content:"le";position:absolute;top:0;left:0;padding:0;background-color:#000;width:100%;height:100%}#portfolio{top:1rem;left:1rem}#resume{top:1rem;right:1rem}#contact{bottom:1rem;right:1rem;font-size:4rem}.jsPanel-title,.jsPanel-titlebar{font-variant:normal!important;margin:0!important}.jsPanel-ftr.active,.jsPanel-headerbar{background:#000;color:#fff;padding:.5vh!important}.jsPanel-content{border-top:0!important;padding:.75vh!important}::-webkit-scrollbar{width:.6em;height:.6em}::-webkit-resizer,::-webkit-scrollbar-button,::-webkit-scrollbar-corner,::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece{background:#000}::-webkit-scrollbar-button:hover,::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#fff}.theme-filter-btn{cursor:pointer;transition:color .2s;line-height:1;overflow:visible;width:3rem;height:3rem;font-size:3rem;display:flex;align-items:center;justify-content:center}.theme-filter-btn.active{color:#fff}.title{font-size:1.414rem;margin:0}.description,.link,.quote,.tags{font-family:Roboto,sans-serif;margin:0}.tags,.tags p{font-weight:100;margin-bottom:3%;text-align:right}.tags p:first-of-type{margin-bottom:0}.description{font-weight:400;text-align:justify}.collab,.collab a{font-weight:100}.bio a,.description a,.quote a{text-decoration:underline}.bio a:hover,.description a:hover,.quote a:hover{text-decoration:line-through}.quote a,.quote p{font-weight:100;font-style:italic;text-align:right}.picture{max-width:100%;max-height:100%;width:auto}.link{display:flex;flex-wrap:wrap;justify-content:space-evenly;font-size:1.953rem}.link a{font-weight:100;text-decoration:underline}.link a:hover{text-decoration:line-through}.link li{list-style-type:none;margin:0;padding:0}.clickable{position:absolute;z-index:500;height:100%;width:100%}.embed{width:100%;height:100%;border:none}.bio{line-height:1.7}.bio ul{list-style-type:none;padding:0}.bio ul>ul>li{padding:0 0 2.25% 1%}.bio a,.bio li,.portfolio a{font-weight:100}.bio p,.bio ul>ul,.bio ul>ul>b{font-weight:300}.bio ul,.bio ul>li>b{font-weight:400}.work{overflow-y:visible;margin:0;font-size:1.953rem;display:flex;flex-direction:column;flex-wrap:nowrap;flex-shrink:0;width:95%;margin-left:1%}.work header h1{margin:2% 0 0 0;font-size:2rem}.work footer,.work header,.work iframe{display:block}.work iframe{width:100%;border:thin groove rgba(255,255,255,.25);padding:1.5%;padding-top:35px;margin:3% 0}.work footer h1{font-size:1.75rem;margin:0 0 2% 0}.work a{text-decoration:none}.work a:hover{text-decoration:line-through}.work footer h1.glitch,.work footer h1.glitch::after,.work footer h1.glitch::before,.work header h1{padding:0 30px}@media screen and (min-width:601px){.mobile{display:none}.container #name{opacity:.4}.menu #name{bottom:1rem;left:1rem}.portfolio div{padding-bottom:60%;overflow:hidden}.portfolio div iframe{height:calc(100% + 30px)}}.work-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:1000;animation:modal-fade-in .3s ease}@keyframes modal-fade-in{from{opacity:0}to{opacity:1}}.work-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#000;border:thin groove rgba(255,255,255,.25);width:70%;max-height:85vh;overflow-y:auto;padding:2rem 2.5rem;box-sizing:border-box;color:#fff;text-transform:lowercase;z-index:1001;cursor:move}.work-modal a,.work-modal button,.work-modal iframe{cursor:pointer}.work-modal.work-modal-large{width:80%;max-height:90vh}.work-modal.dragging{transition:none;user-select:none}.work-modal-ghost{position:fixed;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.03);pointer-events:none;z-index:1000;animation:ghost-fade .8s ease forwards;box-sizing:border-box}@keyframes ghost-fade{from{opacity:1}to{opacity:0}}.work-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;position:sticky;top:0;z-index:10;background:#000;padding-bottom:.5rem}.work-modal-title{font-size:1.414rem;margin:0}.work-modal-close{cursor:pointer;font-size:1.2rem;background:0 0;border:none;color:#fff;opacity:.6;transition:opacity .2s;padding:.25rem;min-width:24px;min-height:24px;display:flex;align-items:center;justify-content:center}.work-modal-close:hover{opacity:1;background-color:#fff;color:#000}.work-modal-section{margin:1.5rem 0;padding-top:1rem;border-top:thin groove rgba(255,255,255,.15);position:relative;z-index:0}.work-modal-section:first-of-type{border-top:none;padding-top:0;margin-top:0}.work-modal-section-icon{opacity:.5;margin-bottom:.5rem;font-size:1.2rem}.work-modal-footer{margin-top:2rem;padding-top:1rem;border-top:thin groove rgba(255,255,255,.15);text-align:right}.work-modal-footer h1.glitch{font-size:1.8rem;padding:10px;background:0 0;display:inline-block}.work-modal-footer a{text-decoration:none;color:#fff}.work-modal-footer h1.glitch::before{left:3px;text-shadow:-2px 0 red;background:0 0;padding:10px;animation:glitch-animation-1 2s linear infinite alternate-reverse}.work-modal-footer h1.glitch::after{left:-3px;text-shadow:-2px 0 #00f;background:0 0;padding:10px;animation:glitch-animation-2 2s linear infinite alternate-reverse}.work-modal .picture{max-width:100%;height:auto}.work-modal .embed{width:100%;min-height:70vh;border:none}.work-modal ::-webkit-scrollbar-corner,.work-modal ::-webkit-scrollbar-track{background:#000}html:has(.work-page-body){overflow:auto}.work-page-body{background:#000;color:#fff;margin:0;padding:0;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;overflow:visible!important}.work-page-modal{background:#000;border:thin groove rgba(255,255,255,.25);width:90%;max-width:600px;margin:5vh auto;padding:1.5rem 1.5rem;box-sizing:border-box;color:#fff;text-transform:lowercase}.privacy{line-height:1.7;font-weight:300}.privacy section{margin-top:1.75rem}.privacy h3{font-weight:400;font-size:1rem;margin:0 0 .5rem}.privacy li,.privacy p{font-weight:300;margin:0 0 .75rem}.privacy ul{padding-left:1.1rem}.privacy a{text-decoration:underline;overflow-wrap:anywhere}.privacy a:hover{text-decoration:line-through}.privacy .privacy-sites{list-style:none;padding:0}.privacy .privacy-sites li{padding:.6rem 0;overflow-wrap:anywhere;border-top:thin groove rgba(255,255,255,.15);scroll-margin-top:4rem}.privacy .privacy-sites b{font-weight:400;overflow-wrap:anywhere}.privacy .privacy-sites li:target{background:rgba(255,255,255,.06)}.privacy-lang,.privacy-updated{font-size:.85rem;opacity:.7}.work-page-modal .work-modal-header{cursor:default;position:sticky;top:0;z-index:10;background:#000;padding-bottom:.5rem}.work-page-modal .work-modal-close{text-decoration:none;color:#fff}.work-page-iframe{width:100%;border:none;min-height:80px;overflow:hidden;scrollbar-width:none}.work-page-iframe::-webkit-scrollbar{display:none}.jsPanel.panel-dimmed{opacity:.15!important;transition:opacity .3s}.jsPanel.panel-highlighted{opacity:.85!important;transition:opacity .3s}.jsPanel .jsPanel-headerbar,.jsPanel .jsPanel-titlebar{cursor:pointer}@media screen and (max-width:600px){.desktop,.jsPanel{display:none}.link{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.mobile .link{padding:10% 12%;margin:0;min-height:100vh;box-sizing:border-box;align-content:space-evenly}.mobile a{font-size:.85rem;text-decoration:none;padding:0 1%;-moz-text-align-last:center;text-align-last:center;z-index:500}.mobile .link a{border:thin groove rgba(255,255,255,.25);background:#000;padding:.4rem .7rem;font-weight:300;display:inline-flex;align-items:center;justify-content:center;min-height:24px;min-width:24px;box-sizing:border-box}.mobile .link a:nth-child(odd){font-weight:400}.mobile a:hover{text-decoration:line-through}.menu a.mobile:hover{text-decoration:none}#contact{font-size:4rem;bottom:1rem}.menu #name{bottom:1rem;left:1rem}header.mobile h1{padding:0 30px}.portfolio div{padding-bottom:83%}.bio{padding:0 4%}.mobile-theme-btn{font-size:3rem!important;width:auto!important;height:auto!important;cursor:pointer;transition:color .2s;text-decoration:none!important;line-height:1;overflow:visible;z-index:600}.mobile .link a.theme-dimmed-mobile{opacity:.1;transition:opacity .3s}.mobile .link a.theme-highlighted-mobile{opacity:1;transition:opacity .3s}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}html{scroll-padding:4rem}.skip-link{position:absolute;left:-9999px;top:0;background:#000;color:#fff;padding:1rem;z-index:10000;text-decoration:underline}.skip-link:focus{left:0}:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:1px}