*{padding:0;margin:0;-webkit-user-select:none;user-select:none}html,body{overflow:hidden;height:100%;width:100%}#root{font-family:Windows;display:flex;justify-content:center;align-items:center;background-color:#000;height:100svh;width:100svw}@font-face{font-family:Windows;src:url(/assets/Windows%20Regular-BChK6Dzn.ttf) format("TrueType")}main{color:#fff;height:100svh;width:100svw;display:flex;flex-direction:column;align-items:center;justify-content:center}.background{position:absolute;width:100%;height:100%;opacity:1;z-index:1;background-color:#018281;animation:background 1s ease-out}@media (max-width: 768px){main{flex-direction:column;width:100svw}}@keyframes background{0%{opacity:0}}.about{width:clamp(20rem,14rem + 30vw,50rem);height:80%}.about-main{width:100%;height:100%;display:flex}.about-image{width:30%;height:100%}.about-description{width:70%;height:100%}.about-border{width:100%}.about-resume{margin-bottom:8px}.about-socials{display:flex;margin:8px 0 5px}.about-social-icon{height:clamp(2.1875rem,2.0625rem + .625vw,2.8125rem);width:clamp(2.5rem,2.375rem + .625vw,3.125rem);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:8px}.about-social-icon>img{width:100%;height:70%;object-fit:contain}.about-cv-button{margin-top:8px;width:clamp(6.25rem,5.625rem + 3.125vw,9.375rem)}@media (max-width: 768px){.about-main{flex-direction:column;align-items:center;text-align:center}.about-image{height:20%;width:100%}.about-description{flex:1;width:100%}.about-resume{text-align:start}}.window{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:start;pointer-events:auto;opacity:1}.window.minimized{opacity:0;pointer-events:none}.window.unminimized{opacity:1}.window.active{z-index:2}.window.inactive{z-index:1}.window-frame{width:100%;height:100%;background-color:silver;display:flex;flex-direction:column;justify-content:center;align-items:center}.window-frame.open{opacity:0;animation:window-background-open .5s ease-out 1.1s forwards}.window-frame.close{opacity:1;animation:window-background-close .5s ease-out forwards}.window-header,.window-body{width:calc(100% - 16px);padding:3px}.window-header{margin-top:4.5px;font-size:clamp(.75rem,.7rem + .25vw,1rem);font-weight:700;letter-spacing:1.5px;display:flex;align-items:center;justify-content:space-between}.window-header.active{background-color:navy;color:#fff}.window-header.inactive{background-color:gray;color:#d3d3d3}.window-header-description{flex:1;display:flex;align-items:center}.window-icon{margin-right:5px;width:clamp(1.125rem,1.0375rem + .4375vw,1.5625rem)}.window-header-options{display:flex;justify-content:space-between;width:clamp(2.65rem,2.42rem + 1.15vw,3.8rem)}.window-header-option{width:clamp(1rem,.9rem + .5vw,1.5rem);text-align:center;color:#000;background-color:silver;border-left:2px solid #eeeeee;border-top:2px solid #eeeeee;border-bottom:2px solid black;border-right:2px solid black;z-index:100}.window-header-option:hover{cursor:pointer}.window-header-option.close{background-color:#9b9b9b;border-left:2px solid black;border-top:2px solid black;border-bottom:2px solid #eeeeee;border-right:2px solid #eeeeee}.window-body{margin-top:clamp(.14375rem,.1225rem + .1063vw,.25rem);height:100%;margin-bottom:6px;color:#000;overflow:hidden}.window-border-top,.window-border-bottom,.window-border-left,.window-border-right{position:absolute}.window-border-top,.window-border-bottom,.window-border-left,.window-border-right{z-index:50}.window-border-top,.window-border-bottom{width:100%;height:clamp(.125rem,.1125rem + .0625vw,.1875rem)}.window-border-left,.window-border-right{height:100%;width:clamp(.125rem,.1125rem + .0625vw,.1875rem)}.window-border-top,.window-border-left{background-color:#eee}.window-border-bottom,.window-border-right{background-color:#000;z-index:51}.window-border-top{top:0;transform-origin:left}.window-border-bottom{bottom:0;transform-origin:right}.window-border-left{left:0;transform-origin:bottom}.window-border-right{right:0;transform-origin:top}.window-border-right.open,.window-border-left.open{transform:scaleY(0)}.window-border-top.open,.window-border-bottom.open{transform:scaleX(0)}.window-border-top.open,.window-border-bottom.open{animation:window-border-horizontal-open .5s ease-out .5s forwards}.window-border-right.open,.window-border-left.open{animation:window-border-vertical-open .5s ease-in forwards}.window-border-top.close,.window-border-bottom.close{animation:window-border-horizontal-close 1s ease-in-out .5s forwards}.window-border-left.close,.window-border-right.close{animation:window-border-vertical-close 1s ease-in-out .5s forwards}@keyframes window-background-open{to{opacity:1}}@keyframes window-background-close{to{opacity:0}}@keyframes window-border-vertical-open{to{transform:scaleY(1)}}@keyframes window-border-horizontal-open{to{transform:scaleX(1)}}@keyframes window-border-vertical-close{to{transform:scaleY(0)}}@keyframes window-border-horizontal-close{to{transform:scaleX(0)}}.button{box-sizing:border-box;display:flex;justify-content:start;align-items:center;color:#000;font-size:clamp(.8rem,.76rem + .2vw,1rem);padding-left:3px;border-left:2px solid #eeeeee;border-top:2px solid #eeeeee;border-bottom:2px solid black;border-right:2px solid black;background-color:silver}.button-icon{object-fit:contain;width:1.8rem;margin-right:5px}.button.icon{min-width:39px}.button:hover{cursor:pointer}.button-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.button.active{border-left:2px solid black;border-top:2px solid black;border-bottom:2px solid #eeeeee;border-right:2px solid #eeeeee;background-color:#9b9b9b}.button-text.suggest{margin:3px;border-style:dotted;width:100%;height:100%;text-align:center}.button.centered{justify-content:center}.border{height:1px;background-color:#000;border-bottom:#eeeeee solid 1.25px}.experience{width:clamp(20rem,11rem + 45vw,65rem);height:55%}.experience-main{width:100%;height:100%;display:flex;justify-content:space-around}.experience-date{box-sizing:border-box;padding-top:2px;width:60%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.experience-months{margin-top:10px;width:100%;height:86%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:2px}.experience-month{background-color:#ffe591;display:flex;flex-direction:column}.experience-month-title{background-color:#2d25ff;color:#fff;text-align:center;font-size:clamp(.8rem,.76rem + .2vw,1rem)}.experience-month-activities{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;flex:1;font-size:clamp(.6rem,.56rem + .2vw,.8rem)}.experience-activity{border-left:2px solid white;border-top:2px solid white;border-bottom:2px solid black;border-right:2px solid black;background-color:#eee;width:85%;text-align:center}.experience-activity.open{border-left:2px solid black;border-top:2px solid black;border-bottom:2px solid white;border-right:2px solid white;background-color:silver}.experience-activity:hover{cursor:pointer}.experience-information{width:35%;height:100%}@media (max-width: 768px){.experience{height:90%}.experience-main{flex-direction:column}.experience-date{height:65%;width:100%;margin-bottom:10px}.experience-information{width:100%}.experience-months{margin-top:10px}}.information{border-right:1.5px solid white;border-bottom:1.5px solid white;position:relative;margin-top:2px}.information-title{position:absolute;top:-11px;left:10px;padding:2px;background-color:silver}.information-a{width:calc(100% - 2.5px);height:calc(100% - 2.5px);border-top:1.5px solid grey;border-left:1.5px solid grey;border-right:1.5px solid grey;border-bottom:1.5px solid grey}.information-b{width:100%;height:calc(100% - 1.5px);border-top:1.5px solid white;border-left:1.5px solid white;box-sizing:border-box;padding:10px}.input-number{display:flex;width:105px;height:2rem}.input-number-text{width:90px;padding:2px;background-color:#fff;border-top:2px black solid;border-left:2px black solid;border-right:2px lightgrey solid;border-bottom:2px lightgrey solid;display:flex;align-items:center;justify-content:start}.input-number-buttons{width:25px;height:100%}.input-number-button{padding:2px;font-size:6px}.section{box-sizing:border-box;padding:2px;background-color:#fff;border-top:2px black solid;border-left:2px black solid;border-right:2px lightgrey solid;border-bottom:2px lightgrey solid;overflow:auto;scrollbar-width:thin}.projects{width:clamp(22rem,10.4rem + 58vw,80rem);height:98%;--header-height: clamp(5rem, 4.8rem + 1vw, 6rem)}.projects-main{height:100%;width:100%}.projects-header{width:100%;height:var(--header-height);display:flex}.projects-header>*{margin-bottom:clamp(.125rem,.0875rem + .1875vw,.3125rem);font-size:clamp(.7rem,.64rem + .3vw,1rem)}.projects-header-main{height:100%;width:90%;display:flex;flex-direction:column}.projects-header-main>*{margin:clamp(.0625rem,.0375rem + .125vw,.1875rem)}.projects-header-img{flex:1;margin-left:8px;width:4.3rem;object-fit:cover;border-top:2px solid black;border-left:2px solid black;border-right:2px solid lightgrey;border-bottom:2px solid lightgrey}.projects-buttons{display:flex;align-items:start;width:100%;height:100%;gap:10px;margin:0}.projects-header-icon{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-sizing:border-box;padding:2px}.projects-header-icon:hover{cursor:pointer;border-style:dashed}.projects-header-icon-img{width:30px}.projects-header-border{width:100%}.projects-buttons{flex:1}.projects-address{display:flex;width:100%}.projects-address-text{text-align:center;box-sizing:border-box;padding:2px;margin-right:5px}.projects-address-input{background-color:#fff;flex:1;border-top:2px solid black;border-left:2px solid black;border-right:2px solid lightgrey;border-bottom:2px solid lightgrey;box-sizing:border-box;padding-left:2px}.projects-body{width:100%;display:flex;align-items:center;justify-content:center}.projects-main-page{width:100%;height:100%;display:flex;flex-direction:column}.main-page{width:100%;display:flex;flex:1}.main-page-info{box-sizing:border-box;padding:10px;width:25%}.main-page-info-img{width:100%}.main-page-info-header{box-sizing:border-box;padding:3px;border-bottom:3px solid blue;margin-bottom:20px;font-size:clamp(1.2rem,1.04rem + .8vw,2rem)}.main-page-text{font-size:clamp(.7rem,.64rem + .3vw,1rem)}.main-page-warning{box-sizing:border-box;padding:1px;border:1px solid rgba(0,0,0,.2);background-color:#ffffa1;margin-top:15px}.main-page-pages{flex:1}.projects-input-search{width:100%;display:flex;justify-content:center}.projects-input-search-img{width:25%}.projects-input-search-main{display:flex;align-items:center;margin-left:10px}.projects-input-search-text{box-sizing:border-box;padding:2px;margin-right:10px;font-size:clamp(.5rem,.4rem + .5vw,1rem)}.projects-input-search-text:focus{outline:none}.projects-input-search-button{background-color:#d3d3d3;border:1px solid rgba(0,0,0,.2);padding:1px 10px;font-size:clamp(.7rem,.64rem + .3vw,1rem)}.projects-input-search-button:hover{cursor:pointer}.projects-searched{width:100%;box-sizing:border-box;padding:2px;background-color:#4a89ff;color:#fff;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;font-size:clamp(.8rem,.73rem + .35vw,1.15rem)}.projects-search{margin-bottom:15px}.projects-search>*{line-height:1.1}.projects-search-title{color:#00f;text-decoration:underline 2px}.projects-search-title:hover{cursor:pointer}.projects-search-link{font-size:.9rem;color:green}.projects-search-stack{font-size:.8rem}.projects-footer{border-top:2px solid lightgrey;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#eee;font-size:clamp(.7rem,.62rem + .4vw,1.1rem)}.projects-footer-socials{display:flex}.projects-footer-socials>*{margin-left:5px}.projects-footer-socials>a{color:#00f}.project-page-box{display:flex;background-color:#f2ecdc;flex-direction:column;border-top:2px solid #5b4d46;border-left:2px solid #5b4d46;border-right:4px solid #5b4d46;border-bottom:4px solid #5b4d46}.project-page-box-title{text-align:center;border-bottom:2px solid black}.project-page-box-content{box-sizing:border-box;padding:5px}.project-page-background{width:100%;display:flex;align-items:center;justify-content:center;background-color:#568aae}.project-page{width:80%;display:flex;flex-direction:column;gap:15px}.project-page-banner{width:100%;border-top:2px solid #5b4d46;border-left:2px solid #5b4d46;border-right:4px solid #5b4d46;border-bottom:4px solid #5b4d46;background-color:#f2ecdc;text-align:center;box-sizing:border-box;padding:10px;margin-top:15px}.project-page-main{width:100%;flex:1;display:flex;gap:15px}.project-page-navs{width:20%;height:100%;display:flex;flex-direction:column;gap:15px}.project-page-body{width:80%;height:100%;display:flex;flex-direction:column;gap:15px}.project-page-footer{width:100%;border-top:2px solid #5b4d46;border-left:2px solid #5b4d46;border-right:4px solid #5b4d46;border-bottom:4px solid #5b4d46;background-color:#f2ecdc;text-align:center;box-sizing:border-box}.project-page-description{color:#fff;background-color:#d78677}.project-page-features{background-color:#edcd87}.project-page-images{color:#fff;background-color:#568aae}.skills{height:70%;width:clamp(23rem,21.6rem + 7vw,30rem)}.skills-main,.skills-options{height:100%;width:100%}.skills-body{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.skills-option{height:clamp(12.8rem,12.26rem + 2.7vw,15.5rem);width:100%;display:flex;align-items:center;justify-content:space-evenly}.skills-display{width:31%;height:50%;border-top:2px solid black;border-left:2px solid black;border-right:2px solid white;border-bottom:2px solid white}.skills-information{width:45%;height:14rem}.skills-selects{width:90%;height:35%;display:flex;align-items:center;justify-content:space-between}.skills-stack{width:47%;height:85%;padding-top:1px;box-sizing:border-box}.skills-section{width:100%;height:100%}.stack-selected{background-color:navy;color:#fff}.options{display:flex;flex-direction:column;position:relative;align-items:center}.options-header{width:96%;display:flex}.options-header-button{box-sizing:border-box;background-color:silver;padding:3px 8px;border:1px solid white;border-right:1px solid rgba(57,57,57,.5)}.options-header-button:hover{cursor:pointer}.options-header-button.active{z-index:1;border-right:solid 2px rgba(57,57,57,.5);border-left:solid 2px white;border-top:solid 2px white;border-bottom:solid 5px silver;padding:0 8px}.options-body{position:absolute;bottom:0;background-color:silver;width:99%;height:calc(100% - 2rem + 2px);border-top:solid 2px white;border-left:solid 2px white;border-right:solid 2px rgba(57,57,57,.5);border-bottom:solid 2px rgba(57,57,57,.5)}.desktop-icon{width:clamp(4.5rem,4.2rem + 1.5vw,6rem);height:5.1rem;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:20px;opacity:0;transform:translate(-100px);pointer-events:auto}.desktop-icon:hover>.desktop-icon-img{filter:opacity(.5) drop-shadow(0 0 0 blue)}.desktop-icon:hover>.desktop-icon-name{background-color:#000096;border:1px dotted white}.desktop-icon-img{width:100%;height:70%;object-fit:contain}.desktop-icon-name{text-align:center;width:100%;font-size:clamp(.8rem,.74rem + .3vw,1.1rem);margin-top:4px}.desktop-icon:nth-of-type(1){animation:icon .8s ease-out forwards}.desktop-icon:nth-of-type(2){animation:icon .8s ease-out .3s forwards}.desktop-icon:nth-of-type(3){animation:icon .8s ease-out .6s forwards}.desktop-icon:nth-of-type(4){animation:icon .8s ease-out .9s forwards}@keyframes icon{to{opacity:1;transform:translate(0)}}.menu{position:absolute;background-color:silver;height:clamp(25rem,23.75rem + 6.25vw,31.25rem);width:clamp(12rem,11.4rem + 3vw,15rem);bottom:0;left:0;border-left:3px solid #eeeeee;border-top:3px solid #eeeeee;border-bottom:5px solid black;border-right:2px solid black;z-index:1000;transform:translate(-250px);transition:transform .15s ease-in-out}.menu.open{transform:translate(0)}.menu-logo{color:#fff;z-index:1;height:100%;letter-spacing:1.5px;position:relative;width:clamp(1.5625rem,1.4375rem + .625vw,2.1875rem);background:linear-gradient(0deg,#000096,#00f 5% 43%,#000096 48% 100%)}.menu-logo-text{white-space:nowrap;padding-bottom:8px;box-sizing:border-box;bottom:0;position:absolute;font-family:"MS Sans Serif";writing-mode:sideways-lr;font-size:clamp(1.25rem,1.125rem + .625vw,1.875rem);overflow:hidden;height:0%;opacity:0;width:100%;animation:typing 1s ease-in-out forwards}@keyframes typing{to{opacity:1;height:100%}}.menu-body{flex:1;height:100%}.desktop{width:100%;flex:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;z-index:1;padding:12px 8px 8px;position:relative}.desktop-icons{width:100%;height:100%;pointer-events:none}.desktop-windows{pointer-events:none;position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.taskbar{position:relative;height:2.5rem;width:100%;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.taskbar-line{position:absolute;background-color:#eee;top:clamp(-.125rem,-.1rem + -.125vw,-.25rem);width:100%;height:clamp(.125rem,.1rem + .125vw,.25rem);transform-origin:center;animation:taskbar-line 1s ease-in-out;z-index:1}.taskbar-body{opacity:0;width:100%;height:100%;background-color:silver;display:flex;justify-content:space-between;box-sizing:border-box;padding:clamp(.1875rem,.175rem + .0625vw,.25rem);animation:taskbar-body 1s ease-out 1.2s forwards;--start-width: clamp(5rem, 4.6rem + 2vw, 7rem)}.taskbar-start{width:var(--start-width);box-sizing:border-box;padding:clamp(4px,calc(5.2px - .063vw),5px);display:flex;justify-content:center;align-items:center}.taskbar-start.active{border-left:2px solid black;border-top:2px solid black;border-bottom:2px solid #eeeeee;border-right:2px solid #eeeeee;background-color:#9b9b9b}.taskbar-start.inactive{border-left:2px solid #eeeeee;border-top:2px solid #eeeeee;border-bottom:2px solid black;border-right:2px solid black}.taskbar-start.active>img{border:1px dotted black}.taskbar-start:hover{cursor:pointer}.taskbar-start>img{width:100%;height:100%;object-fit:contain}.taskbar-apps{--margin-apps: clamp(.25rem, .2rem + .25vw, .5rem);min-width:calc(100% - (2 * var(--start-width)));max-width:calc(100% - (2 * var(--start-width)));display:flex;justify-content:space-between;align-items:center;margin:0 var(--margin-apps) 0 var(--margin-apps)}.taskbar-apps-border-left,.taskbar-apps-border-right{height:0%;width:1px;background-color:#000;border-right:#eeeeee solid 1.25px;animation:border-height .5s ease-out 2s forwards}.taskbar-apps-buttons{width:100%;height:100%;overflow-x:auto;scrollbar-width:none;display:flex;align-items:center;justify-content:start;gap:3px;margin:0 var(--margin-apps) 0 var(--margin-apps)}.taskbar-watch{width:var(--start-width);border-left:1px solid black;border-top:1px solid black;border-bottom:1px solid #eeeeee;border-right:1px solid #eeeeee;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-left:3px}.taskbar-watch-icon{object-fit:contain;height:60%;padding-right:3px}.taskbar-watch-icon:hover{cursor:pointer}.taskbar-watch-text{color:#000;font-size:clamp(.8rem,.76rem + .2vw,1rem)}.taskbar-apps-button{width:clamp(6.25rem,5.625rem + 3.125vw,9.375rem)}@keyframes taskbar-line{0%{width:0%}}@keyframes taskbar-body{to{opacity:1}}@keyframes border-height{to{height:100%}}.startup{color:#fff;box-sizing:border-box;font-family:Courier}.startup.start{height:0%;width:0%;animation:startup-open .3s ease-in-out 1s forwards}.startup.close{height:70%;width:70%;border:1px white solid;padding:10px;animation:startup-close .15s ease-in-out forwards}@media (max-width: 768px){.startup.start{animation:startup-open-responsive .3s ease-in-out 1s forwards}.portfolio-article{justify-content:center;width:90%;height:93%}}@keyframes startup-open{0%{border:1px white solid}50%{width:70%;height:0%}99%{padding:0}to{width:70%;height:70%;border:1px white solid;padding:10px}}@keyframes startup-open-responsive{0%{border:1px white solid}50%{width:90%;height:0%}99%{padding:0}to{width:90%;height:90%;border:1px white solid;padding:10px}}@keyframes startup-close{99%{height:0%}to{padding:0;height:0%;border:0px white solid}}