@font-face{font-family:Roboto Mono;src:url(/assets/RobotoMono-Regular-44XoGH_Y.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/assets/RobotoMono-Italic-DEEXT_P3.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/assets/RobotoMono-Bold-B8rsEFyH.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/assets/RobotoMono-BoldItalic-DXnX3WMX.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/assets/RobotoMono-Light-Chav2xHn.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/assets/RobotoMono-Medium-B0UKl2Zn.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Righteous;src:url(/assets/Righteous-Regular-DB0z6xbO.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{font-family:Roboto Mono,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--input-focus: #6EC6CB;--font-color: #191919;--font-color-sub: #666;--bg-white: #ededed;--border-color: #323232;--main-color: #6EC6CB;--secondary-color: #93FF96}.primary-font{font-family:Righteous}body,#root{margin:0;display:grid;min-height:100dvh;grid-template-rows:auto 1fr auto;min-width:100vw;overflow-x:hidden;position:relative}.hamburger{cursor:pointer;width:50px;height:50px;right:5%;top:2%;position:fixed}.hamburger-container{position:fixed;border-radius:100px;background:linear-gradient(-45deg,#93ff96,#6ec6cb);width:50px;height:50px;right:5%;top:2%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;transition:all .5s ease;z-index:10}.hamburger-container.open{border-radius:0;position:fixed;top:0;right:0;width:100vw;height:100vh;z-index:50}.hamburger input{display:none}.hamburger svg{height:3em;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative;z-index:101}.hamburger-container ul{display:flex;flex-direction:column;list-style-type:none;padding:0;width:70vw;text-align:center;align-items:center;gap:30px}.hamburger-container ul li a{font-size:1.5rem;color:#323232;font-weight:700;text-transform:uppercase}.line{fill:none;stroke:#323232;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.line-top-bottom{stroke-dasharray:12 63}.hamburger input:checked+svg{transform:rotate(-45deg)}.hamburger input:checked+svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42}.link{text-decoration:none;color:#323232}header{position:fixed;width:100%;height:10vh;overflow:hidden;display:flex;justify-content:center;z-index:5;background-color:#ffffff12}header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:-1}nav{position:relative;width:85%;height:100%;margin:0;padding:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.portfolio-title{width:30%;font-size:clamp(1.2rem,3vw,1.5rem);font-family:Righteous,sans-serif;z-index:100;text-decoration:none;color:#fff;display:flex;flex-direction:row;gap:2%;align-items:center}nav.sidebar{display:none}nav ul{width:70%;height:100%;margin:0;padding:0;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;list-style-type:none;gap:5%}.cta-connect{position:relative;display:block;height:25px;width:150px;padding:5px;font-weight:700;font-size:15px;letter-spacing:2px;background-color:var(--main-color);border:2px var(--main-color) solid;color:var(--border-color);border-radius:4px;text-transform:uppercase;outline:0;overflow:hidden;text-align:center;z-index:1;cursor:pointer;transition:.08s ease-in;-o-transition:.08s ease-in;-ms-transition:.08s ease-in;-moz-transition:.08s ease-in;-webkit-transition:.08s ease-in;pointer-events:auto;text-decoration:none}.cta-connect:hover{background-color:var(--secondary-color);border:2px var(--secondary-color) solid;transition:all .2s ease-in-out}.anchor{width:30%;text-decoration:none;color:#fff;font-size:clamp(.9rem,2.5vw,.9rem);letter-spacing:.1rem;position:relative;padding-bottom:4px;text-transform:uppercase}.anchor:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:linear-gradient(-45deg,#93ff96,#6ec6cb);transition:width .3s ease-out}.anchor:hover:after,.anchor.active:after{width:100%;background:linear-gradient(-45deg,#93ff96,#6ec6cb)}@media (width <= 900px){.portfolio-title{width:70%}.anchor{letter-spacing:0rem}nav{display:none}nav ul{height:0}nav.sidebar{display:flex;flex-direction:row;justify-content:space-between}}footer{position:fixed;width:100%;bottom:0;z-index:0;display:flex;flex-direction:column;justify-items:center;background-color:#1d1e22;pointer-events:auto}.rights{text-align:center}.social-networks{display:flex;align-items:center;justify-content:center;padding-top:60px;gap:20px}.socialContainer{width:52px;height:52px;border-radius:5px;background-color:#2c2c2c;display:flex;align-items:center;justify-content:center;overflow:hidden;transition-duration:.3s}.containerOne:hover{background-color:#d62976;transition-duration:.3s}.containerTwo:hover{background-color:#000;transition-duration:.3s}.containerThree:hover{background-color:#0072b1;transition-duration:.3s}.containerFour:hover{background-color:green;transition-duration:.3s}.socialContainer:active{transform:scale(.9);transition-duration:.3s}.socialSvg{width:17px}.socialSvg path{fill:#fff}.socialContainer:hover .socialSvg{animation:slide-in-top .3s both}@keyframes slide-in-top{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}html{scroll-behavior:smooth}main{width:100vw;min-height:100vh;position:relative;z-index:1;background-color:#1d1e22;pointer-events:none}section{position:relative}.window{width:fit-content;min-width:fit-content;padding:20px;height:60vh;border:1px solid #555555;border-radius:10px;background-color:#323232;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 8px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;pointer-events:auto}.window:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.mac-header{display:flex;align-items:center;gap:8px;margin-bottom:15px}.mac-header span{display:inline-block;width:12px;height:12px;border-radius:50%}.mac-header .red{background-color:#ff5f57}.mac-header .yellow{background-color:#ffbd2e}.mac-header .green{background-color:#28c941}.window-title{font-size:18px;font-weight:700;margin:0 0 10px;color:#dcdcdc}.window-description{font-size:14px;color:#999;margin-bottom:15px}.window .window-tag{display:inline-block;font-size:10px;border-radius:5px;background-color:#0d1117;padding:4px;margin-block-end:12px;margin-right:2%;color:#dcdcdc}.code-editor{background-color:#1d1e22;color:#dcdcdc;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,monospace;font-size:14px;line-height:1.5;border-radius:5px;padding:15px;overflow:auto;height:50%;border:1px solid #333;bottom:20px}.code-editor::-webkit-scrollbar{width:8px}.code-editor::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.code-editor pre code{white-space:pre-wrap;display:block}.code-purple{color:#792fbf}.code-red{color:#ad2525}.code-yellow{color:#a85b18}.code-blue{color:#3748a7}@keyframes appear{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}[style*=transition]{transition:none!important}[style*=opacity],[style*=transform]{opacity:1!important;transform:none!important}}