@import"https://fonts.googleapis.com/icon?family=Material+Icons";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";.article-profile-section{gap:1rem;flex-direction:column;justify-content:center;padding:0 4rem}.article-profile-section svg{color:var(--border)}.article-profile-section>h1,.article-profile-section>h2{font-size:3rem;text-transform:uppercase;font-weight:700}.article-profile-section>h1{border-bottom:2px solid var(--border)}.article-profile-section>h2{font-size:2rem;color:var(--border)}.article-description{display:flex;flex-wrap:wrap;color:var(--border);align-items:center}.article-description>span{color:var(--textMuted);display:flex;flex-wrap:wrap;width:90%}.article-description>a{color:var(--border)}.article-links{display:flex;justify-content:space-evenly;padding-top:1rem}.article-links a:hover{color:var(--border);cursor:pointer}.article-stack{display:flex;border-left:1px solid var(--border);align-items:center;justify-content:center;flex-wrap:wrap;gap:2rem;padding:5rem}.article-stack svg{color:var(--border)}.article-footer-links,.article-footer-copy{display:flex;align-items:center;justify-content:space-between;padding:2rem 4rem;border-top:1px solid var(--border);text-transform:uppercase;font-style:italic}.article-footer-copy{border-left:1px solid var(--border);justify-content:center;text-align:center}@media (max-width: 800px){.article-profile-section>h1,.article-profile-section>h2{font-size:2rem}.article-profile-section>h2{font-size:1.75em;line-height:1.5rem}.article-description span{font-size:1rem}.article-links>a>svg,.article-stack>svg{width:60px;height:60px}.article-stack{padding:2rem;width:100vw}.article-footer-links{width:100vw;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}}.image-gallery-icon{color:#fff;transition:all .3s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px rgb(25.5,25.5,25.5))}@media (hover: hover)and (pointer: fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media (max-width: 768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media (max-width: 480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-top-nav,.image-gallery-bottom-nav{padding:10px;left:50%;transform:translate(-50%)}.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:120px;width:90px}@media (max-width: 768px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:72px;width:48px}}@media (max-width: 480px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:48px;width:36px}}.image-gallery-top-nav[disabled],.image-gallery-bottom-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-top-nav{top:0}.image-gallery-bottom-nav{bottom:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media (max-width: 768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media (max-width: 480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media (max-width: 768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center;touch-action:none}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:rgba(0,0,0,.4);bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media (max-width: 768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media (max-width: 768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media (max-width: 480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid #fff;background:#fff}@media (hover: hover)and (pointer: fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-bullets.image-gallery-bullets-vertical{left:20px;right:auto;bottom:auto;width:auto;top:50%;transform:translateY(-50%)}.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{display:block;margin:12px 0}@media (max-width: 768px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{margin:6px 0;padding:3px}}@media (max-width: 480px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{padding:2.7px}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media (max-width: 768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid rgba(0,0,0,0);transition:border .3s ease-out;width:100px;background:rgba(0,0,0,0);padding:0}@media (max-width: 768px){.image-gallery-thumbnail{border:3px solid rgba(0,0,0,0);width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid #337ab7}@media (max-width: 768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media (hover: hover)and (pointer: fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid #337ab7}}@media (hover: hover)and (pointer: fine)and (max-width: 768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px hsl(0,0%,10%);transform:translateY(-50%);white-space:normal;width:100%}@media (max-width: 768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:rgba(0,0,0,.4);color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media (max-width: 768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}.image-skeleton{animation:skeleton-loading 1s linear infinite alternate}.icon-skeleton{width:64px;height:64px;background-color:gray;border-radius:1rem;animation:skeleton-loading 1s linear infinite alternate}.title-skeleton{background-color:gray;height:4rem;border-radius:.5rem;animation:skeleton-loading 1s linear infinite alternate}.button-skeleton{background-color:gray;border-radius:.2rem;width:120px;height:40px;transform:skew(-21deg);animation:skeleton-loading 1s linear infinite alternate}.arrow-skeleton{background:none;display:flex;flex-grow:1;align-items:center;justify-content:center}.arrow-icon-skeleton{display:inline-block;margin:10px;width:0;height:0;border-style:solid}.left{border-width:20px 40px 20px 0;border-color:transparent grey transparent transparent;animation:skeleton-icon-left-loading 1s linear infinite alternate}.right{border-width:20px 0 20px 40px;border-color:transparent transparent transparent grey;animation:skeleton-icon-right-loading 1s linear infinite alternate}.p-skeleton{background-color:gray;height:1.2rem;width:80%;border-radius:.5rem;align-self:center;animation:skeleton-loading 1s linear infinite alternate}@keyframes skeleton-loading{0%{background-color:gray}to{background-color:#bdbcbc}}@keyframes skeleton-icon-right-loading{0%{border-color:transparent transparent transparent grey}to{border-color:transparent transparent transparent rgb(189,188,188)}}@keyframes skeleton-icon-left-loading{0%{border-color:transparent grey transparent transparent}to{border-color:transparent rgb(189,188,188) transparent transparent}}@keyframes sparkle-anim{0%,to{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}}@keyframes modal-open{0%{transform:translate(-50%,-50%) scale(0);transform-origin:top left;opacity:0}30%{opacity:.5}to{transform:translate(-50%,-50%) scale(1);transform-origin:center center;opacity:1}}@keyframes modal-close{0%{transform:translate(-50%,-50%) scale(1);transform-origin:center center;opacity:1}70%{opacity:.5}to{transform:translate(-50%,-50%) scale(0);transform-origin:top left;opacity:0}}@keyframes modal-backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-backdrop-fade-out{0%{opacity:1}to{opacity:0}}.pc-style-body{font-family:VT323,monospace;overflow:hidden;position:relative;min-height:100vh;transition:all .3s ease}.pc-style-body.window-maximized{align-items:flex-start;justify-content:flex-start}.last-modified{position:absolute;bottom:3.5rem;left:.5rem;text-shadow:1px 1px #fd61d8}.background-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;transition:opacity .3s ease}.pc-style-body.window-maximized .background-shapes,.pc-style-body.window-maximized .background-color-control{opacity:0;pointer-events:none}.strawberry{position:absolute;width:100px;height:120px}.flower{position:absolute}.background-color-control{position:absolute;top:20px;right:20px;z-index:10}.color-picker{width:50px;height:50px;border:none;border-radius:50%;cursor:pointer}.icons-grid{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:16px;gap:12px;align-items:flex-start;justify-content:flex-start;flex-direction:column;position:relative;z-index:100}.window-container{width:90%;max-width:960px;height:auto;background-color:#14faab;border-radius:60px;box-shadow:0 -4px 4px #fff3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;transition:all .3s ease;overflow:auto}.window-container.modal-entering{animation:modal-open .4s cubic-bezier(.25,.46,.45,.94)}.window-container.modal-exiting{animation:modal-close .3s cubic-bezier(.55,.06,.68,.19)}.window-container.maximized{position:absolute;top:0;left:0;width:100vw;height:100vh;max-width:none;border-radius:0;z-index:1001;transform:none;overflow:hidden}.window-container.maximized .window-header{border-radius:0}.window-header{background-color:#fd61d8;color:#fff;padding:8px 36px;border-top-left-radius:60px;border-top-right-radius:60px;display:flex;justify-content:space-between;align-items:center;gap:12px}.window-header.minimized{cursor:pointer;height:48px;border-top-left-radius:12px;border-top-right-radius:12px;z-index:1100}.window-title{font-size:1.5rem}.window-controls{display:flex;align-items:center;gap:12px}.window-control-icon{font-size:20px;cursor:pointer}.window-body{position:relative;padding:20px;height:500px;background:radial-gradient(ellipse at center,rgba(251,146,197,.5) 0%,rgba(251,146,197,0) 70%),radial-gradient(ellipse at center,rgba(110,231,183,.5) 0%,rgba(110,231,183,0) 70%);display:flex;justify-content:center;align-items:center;transition:all .3s ease}.window-container.minimized{position:fixed;bottom:0;left:20px;width:250px;height:50px;max-width:none;cursor:pointer;transform:none;top:auto;z-index:1100}.window-container.maximized .window-body{height:calc(100vh - 58px)}.pixelated-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#ffffff1a 1px,transparent 1px),linear-gradient(90deg,#ffffff1a 1px,transparent 1px);background-size:3px 3px;pointer-events:none}.pixelated-grid.body{padding:20px;display:flex;justify-content:center;align-items:center;border-radius:60px;border:24px solid #14faab;pointer-events:auto;overflow:auto}.sparkle{position:absolute;background-color:#fff;border-radius:50%;animation:sparkle-anim 1.5s infinite}.window-icon{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .3s;text-shadow:2px 2px #fd61d8;cursor:pointer;width:100px;min-height:100px;padding:2px;border:2px solid transparent}.window-icon .svg-icon{width:60px!important;height:60px!important}.window-icon:hover{background-color:#fce7f3c9;border:2px solid #fce7f3}.window-icon span{color:#fff}.pixel-icon{width:64px;height:64px;background-color:#fce7f3;border:4px solid #fd61d8;image-rendering:pixelated}.icon-label{margin-top:8px;font-size:24px}.taskbar{position:fixed;bottom:0;left:0;width:100vw;height:48px;background:rgba(30,30,30,.95);display:flex;align-items:center;z-index:100;box-shadow:0 -2px 8px #00000026;padding-left:12px;padding-right:12px}.taskbar-icons{display:flex;gap:12px;height:100%;align-items:center}.modal{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;z-index:1000}.modal.modal-entering{animation:modal-backdrop-fade .3s ease-out}.modal.modal-exiting{animation:modal-backdrop-fade-out .3s ease-out}.modal-content{background-color:#a7f3d0f2;border:4px solid #14faab;border-radius:12px;width:100%;max-height:80%;overflow:auto;margin-left:160px;margin-right:80px}.modal-content.modal-entering{animation:modal-open .5s ease-out}.modal-content.modal-exiting{animation:modal-close .3s ease-out}.modal-body{padding:20px}.projects-grid{position:relative;width:100%;display:flex;flex-wrap:wrap;align-self:baseline;gap:12px;z-index:100;overflow:auto}.project-item-container{cursor:pointer;display:flex;flex-direction:column;align-items:center;max-width:160px}.project-item{background-color:#fce7f3;border:2px solid #fd61d8;border-radius:8px;padding:15px;text-align:center;cursor:pointer;transition:transform .3s}.project-item:hover{background-color:#fa9de4}.project-icon{width:60px;height:60px;background-color:#fd61d8;border-radius:8px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700}.project-title{margin:0 0 8px;color:#fd61d8;font-family:VT323,monospace;font-size:20px;text-align:center}.projects-grid .window-container{position:fixed;top:50%;box-shadow:0 8px 24px #0003}.projects-grid .details{display:flex;flex-direction:column;gap:8px;padding:16px}.projects-grid .details-button{background-color:#fd61d8;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.projects-grid .details-button:hover{background-color:#fa9de4}.projects-grid .window-body{height:fit-content;max-height:500px}.projects-grid .window-body h1,.projects-grid .window-body h2,.projects-grid .window-body h3,.projects-grid .window-body a,.projects-grid .window-body p,.projects-grid .window-body span{color:#121212!important}.window-body .article-profile-section>h1{color:#111;border-bottom:2px solid #fd61d8}.window-body .article-profile-section>h2{color:#fd61d8!important}.window-body .article-profile-section svg{color:#fd61d8}.window-body .article-description{margin:0;font-size:1.5rem}.window-body .article-description>span{color:#121212!important}.strawberry-1{top:2%;left:60%}.flower-1{top:5%;left:10%}.flower-2{bottom:-9%;right:5%;transform:scale(1.5)}.strawberry-2{bottom:30%;left:0;transform:rotate(25deg) scale(.8)}.sparkle-1{top:20%;left:15%;width:10px;height:10px;animation-delay:0s}.sparkle-2{top:80%;left:85%;width:15px;height:15px;animation-delay:.5s}.sparkle-3{top:50%;left:50%;width:8px;height:8px;animation-delay:1s}.sparkle-4{top:10%;left:70%;width:12px;height:12px;animation-delay:.2s}.sparkle-5{top:90%;left:30%;width:10px;height:10px;animation-delay:.7s}.icons-container{display:flex;gap:12px;height:100px;align-items:center;flex-wrap:wrap}.icons-container svg{width:60px;height:60px;color:#fd61d8}.about-text{color:#121212!important;font-size:1.2rem}@keyframes skeleton-loading{0%{background-position:-400px 0}to{background-position:400px 0}}.image-skeleton{background-size:800px 250px}.pc-style-body ::-webkit-scrollbar{width:12px}.pc-style-body ::-webkit-scrollbar-track{background:#fce7f3;border-radius:60px}.pc-style-body ::-webkit-scrollbar-thumb{background:#fd61d8;border-radius:6px;border:2px solid #fce7f3}.pc-style-body ::-webkit-scrollbar-thumb:hover{background:#fc24c9ff}@media (max-width: 768px){.window-body{height:600px;flex-wrap:wrap}.window-control-icon .svg-icon{width:20px!important;height:20px!important}.window-container img{width:70%}.window-title{font-size:1.2rem}.pixelated-grid.body{border-width:0;padding:20px 12px}.projects-grid .window-container{width:100%;height:100%;max-height:600px}.project-item-container{width:120px}.project-item{width:100%;padding:4px}.project-image-container{min-height:fit-content!important}.project-image-container img{width:300px!important;height:auto;max-height:300px!important;max-width:100%;border-radius:8px!important}.article-profile-section{padding:0}.separator{display:none}.about-text{font-size:1rem}.icons-container svg{width:40px!important;height:40px!important}}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.image-modal-container{background:#2a2a2a;width:80vw;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;border:2px solid #f9f506}.image-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#1a1a1a;border-bottom:1px solid #f9f506}.image-counter{color:#f9f506;font-family:"Press Start 2P",monospace;font-size:8px;font-weight:400}.image-modal-close{background:transparent;border:1px solid #f9f506;color:#f9f506;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:"Press Start 2P",monospace;transition:all .2s}.image-modal-close:hover{background:#f9f506;color:#000}.image-modal-main{display:flex;align-items:center;padding:20px;min-height:400px}.image-modal-nav{background:transparent;border:1px solid #f9f506;color:#f9f506;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-family:"Press Start 2P",monospace;transition:all .2s;flex-shrink:0}.image-modal-nav:hover:not(:disabled){background:#f9f506;color:#000}.image-modal-nav:disabled{opacity:.3;cursor:not-allowed}.image-modal-prev{margin-right:20px}.image-modal-next{margin-left:20px}.image-modal-image-container{flex:1;display:flex;align-items:center;justify-content:center;height:60vh}.image-modal-image{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 4px 12px #0000004d}.image-modal-thumbnails{display:flex;gap:10px;padding:15px 20px;background:#1a1a1a;border-top:1px solid #f9f506;overflow-x:auto;max-width:100%}.image-modal-thumbnail{background:transparent;border:2px solid transparent;padding:2px;cursor:pointer;transition:all .2s;flex-shrink:0}.image-modal-thumbnail:hover,.image-modal-thumbnail.active{border-color:#ff3b3b}.image-modal-thumbnail img{width:60px;height:40px;object-fit:cover;display:block}@media (max-width: 768px){.image-modal-container{max-width:100vw;max-height:100vh}.image-modal-main{padding:10px;min-height:300px}.image-modal-nav{width:35px;height:35px;font-size:16px}.image-modal-prev{margin-right:10px}.image-modal-next{margin-left:10px}.image-modal-thumbnails{padding:10px 15px}.image-modal-thumbnail img{width:50px;height:35px}.image-counter{font-size:6px}}:root{--pc98-border-outer: #dcdcdc;--pc98-border-middle: #a9a9a9;--pc98-border-inner: #ffffff;--pc98-dialog-bg: #4b4b4b;--pc98-dialog-shadow: #a9a9a9;--pc98-white: #ffffff;--pc98-black: #000000;--pc98-menu-bg: #c4e0f9;--pc98-button-highlight: #ff6961;--pc98-gray-light: #d0d0d0;--pc98-gray-dark: #808080;--pc98-blue: #0040ff;--pc98-cyan: #00ffff;--pc98-pink: #ff4080;--pc98-yellow: #ffff00;--pc98-green: #40ff40;--pc98-red: #ff4040;--pixel-bg: #1a1a1a;--pixel-border: #f9f506;--pixel-accent: #ff3b3b}*{box-sizing:border-box;margin:0;padding:0}body{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.pc98-container{font-family:"Press Start 2P",monospace;width:100vw;height:100vh;background:var(--pixel-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.pc98-container:before{content:"";position:absolute;top:36px;left:36px;right:36px;bottom:36px;border:20px solid var(--pixel-border);box-shadow:0 0 0 12px var(--pixel-bg),0 0 0 20px var(--pixel-border),0 0 0 16px var(--pixel-bg),0 0 0 8px var(--pixel-border),0 0 0 16px var(--pixel-bg),0 0 0 16px var(--pixel-border);image-rendering:pixelated;pointer-events:none;z-index:0}.pixel-frame-corner{position:absolute;width:48px;height:48px;background-color:var(--pixel-accent);background-image:linear-gradient(rgba(255,255,255,.1) 4px,transparent 4px),linear-gradient(90deg,rgba(255,255,255,.1) 4px,transparent 4px),linear-gradient(rgba(0,0,0,.1) 4px,transparent 4px),linear-gradient(90deg,rgba(0,0,0,.1) 4px,transparent 4px);background-size:8px 8px,8px 8px,8px 8px,8px 8px;background-position:-4px -4px,-4px -4px,0px 0px,0px 0px;box-shadow:0 0 0 8px var(--pixel-bg),0 0 0 16px var(--pixel-border);pointer-events:none;z-index:1}.pixel-frame-corner.top-left{top:16px;left:16px}.pixel-frame-corner.top-right{top:16px;right:16px}.pixel-frame-corner.bottom-left{bottom:16px;left:16px}.pixel-frame-corner.bottom-right{bottom:16px;right:16px}.pc98-outer-frame{width:640px;height:480px;border:4px solid var(--pc98-border-outer);outline:2px solid var(--pc98-border-middle);outline-offset:-4px;position:relative;z-index:1}.pc98-inner-frame{width:100%;height:100%;border:1px solid var(--pc98-border-inner);display:flex;flex-direction:column;background:var(--pc98-menu-bg)}.pc98-content-area{background:var(--pc98-menu-bg);position:relative;overflow:hidden;flex:1;min-height:398px}.pc98-inner-frame:has(.pc98-dialog-bar) .pc98-content-area{height:398px;flex:none}.pc98-inner-frame.with-dialog-bar .pc98-content-area{height:398px;flex:none}.pc98-dialog-bar{height:80px;background:var(--pc98-dialog-bg);border:1px solid var(--pc98-white);box-shadow:inset 0 0 0 2px var(--pc98-dialog-shadow);display:grid;grid-template-columns:80px 1fr;font-family:"Press Start 2P",monospace;font-size:12px;color:var(--pc98-white)}.zona-emoji{display:flex;align-items:center;justify-content:center;width:80px;height:100%;border-right:2px solid var(--pc98-border-outer);box-shadow:inset -1px 0 0 var(--pc98-border-middle);background:var(--pc98-dialog-bg);position:relative}.zona-emoji img{width:48px;height:48px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.zona-emoji:after{content:"";position:absolute;right:0;top:4px;bottom:4px;width:1px;background:var(--pc98-border-inner)}.zona-texto{display:flex;align-items:flex-start;padding-left:12px;padding-top:12px;line-height:16px;color:var(--pc98-white);overflow:hidden;background:var(--pc98-dialog-bg);box-shadow:inset 1px 0 0 var(--pc98-border-middle)}.pc98-home{width:100%;height:100%;position:relative;overflow:hidden;background:var(--pc98-menu-bg)}.pc98-background-scene{position:absolute;width:100%;height:100%;top:0;left:0}.sky-gradient{width:100%;height:60%;background:linear-gradient(to bottom,var(--pc98-cyan),var(--pc98-blue))}.clouds{position:absolute;width:64px;height:32px;background:var(--pc98-white);top:20%;clip-path:polygon(0% 50%,20% 20%,40% 30%,60% 10%,80% 25%,100% 40%,100% 100%,0% 100%)}.cloud1{left:15%;animation:float-cloud 10s linear infinite}.cloud2{left:65%;animation:float-cloud 12s linear infinite reverse}@keyframes float-cloud{0%{transform:translate(0)}to{transform:translate(30px)}}.sakura-tree{position:absolute;bottom:0;right:10%;width:80px;height:120px;background:radial-gradient(circle at 40px 30px,var(--pc98-pink) 25px,transparent 26px),radial-gradient(circle at 20px 45px,var(--pc98-pink) 20px,transparent 21px),radial-gradient(circle at 60px 40px,var(--pc98-pink) 22px,transparent 23px),linear-gradient(to bottom,transparent 60%,#8b4513 60%,#8b4513 100%)}.pc98-home-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px}.pc98-main-title{font-size:24px;color:var(--pc98-white);text-shadow:2px 2px 0px var(--pc98-black),2px 4px 0 var(--pixel-border);margin-bottom:40px;letter-spacing:2px}.pc98-main-menu{display:flex;flex-direction:column;gap:12px}.pc98-menu-btn{font-family:"Press Start 2P",monospace;font-size:14px;padding:12px 24px;background:var(--pc98-gray-light);color:var(--pc98-black);border:2px solid var(--pc98-black);cursor:pointer;min-width:200px;text-align:center;transition:none;box-shadow:2px 2px 0 var(--pc98-black)}.pc98-menu-btn:hover{background:var(--pc98-button-highlight);transform:translate(1px,1px);box-shadow:1px 1px 0 var(--pc98-black)}.pc98-menu-btn:active{background:var(--pc98-gray-dark);transform:translate(2px,2px);box-shadow:none}.pc98-projects{width:100%;height:100%;position:relative;background:var(--pc98-menu-bg);flex:1;display:flex;flex-direction:column}.pc98-project-background{position:absolute;width:100%;height:100%;top:0;left:0}.project-sky{width:100%;height:50%;background:linear-gradient(to bottom,var(--pc98-cyan),var(--pc98-blue))}.project-trees{position:absolute;bottom:0;left:0;width:100%;height:50%;background:repeating-linear-gradient(to right,transparent 0px,transparent 40px,var(--pc98-green) 40px,var(--pc98-green) 60px,transparent 60px,transparent 100px),linear-gradient(to bottom,transparent 40%,#228b22 40%,#006400 100%)}.pc98-project-layout{position:relative;z-index:2;display:grid;grid-template-columns:200px 1fr;gap:16px;padding:16px;flex:1;overflow:hidden}.pc98-project-image-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:20px;gap:8px}.project-image-frame{background:var(--pc98-white);border:2px solid var(--pc98-black);padding:4px;box-shadow:4px 4px 0 var(--pc98-black)}.project-image-frame img{display:block;width:180px;height:120px;object-fit:cover;border:1px solid var(--pc98-gray-dark);image-rendering:pixelated}.pc98-project-details{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.project-status-panel,.project-info-panel,.project-tech-panel,.project-features-panel,.project-link-panel{background:var(--pc98-white);border:2px solid var(--pc98-black);padding:8px;box-shadow:2px 2px 0 var(--pc98-black)}.status-header,.tech-header,.features-header{font-size:10px;color:var(--pc98-blue);margin-bottom:4px;text-transform:uppercase}.status-value{font-size:12px;color:var(--pc98-green)}.project-title{font-size:14px;color:var(--pc98-black);margin-bottom:8px}.project-description{font-size:10px;color:var(--pc98-black);line-height:1.3}.tech-list,.features-list{display:flex;flex-direction:column;gap:2px}.tech-list{flex-direction:row;flex-wrap:wrap;gap:4px}.tech-item,.feature-item{font-size:10px;color:var(--pc98-black);background:var(--pc98-yellow);padding:2px 4px;border:1px solid var(--pc98-black);display:flex;align-items:center;gap:4px}.tech-item{padding:4px;justify-content:center;min-width:32px;min-height:32px}.tech-name{font-size:10px;color:var(--pc98-black)}.project-link{font-size:12px;color:var(--pc98-blue);text-decoration:none}.project-link:hover{color:var(--pc98-red)}.pc98-project-navigation{position:relative;z-index:3;display:flex;justify-content:center;gap:8px;padding:16px;flex-shrink:0}.project-nav-btn{width:24px;height:24px;background:var(--pc98-gray-light);border:2px solid var(--pc98-black);font-family:"Press Start 2P",monospace;font-size:10px;cursor:pointer;color:var(--pc98-black);box-shadow:2px 2px 0 var(--pc98-black)}.project-nav-btn.active{background:var(--pc98-red);color:var(--pc98-white)}.project-nav-btn:hover{background:var(--pc98-yellow)}.pc98-about{width:100%;height:100%;position:relative;overflow:hidden;background:var(--pc98-menu-bg)}.pc98-about-background{position:absolute;width:100%;height:100%;top:0;left:0}.about-sky{width:100%;height:60%;background:linear-gradient(to bottom,var(--pc98-pink),var(--pc98-blue))}.about-buildings{position:absolute;bottom:0;left:0;width:100%;height:40%;background:repeating-linear-gradient(to right,transparent 0px,transparent 30px,var(--pc98-gray-dark) 30px,var(--pc98-gray-dark) 80px,transparent 80px,transparent 120px,var(--pc98-gray-dark) 120px,var(--pc98-gray-dark) 160px,transparent 160px,transparent 200px)}.pc98-about-content{position:relative;z-index:2;height:calc(100% - 80px);padding:64px 16px 16px}.about-text-panel{width:80%;margin:auto;background:var(--pc98-white);border:2px solid var(--pc98-black);padding:12px;box-shadow:4px 4px 0 var(--pc98-black)}.about-title{font-size:14px;color:var(--pc98-blue);margin-bottom:12px}.about-subtitle{font-size:14px;color:var(--pc98-green);margin-bottom:8px}.about-description p{font-size:10px;color:var(--pc98-black);line-height:1.4;margin-bottom:8px}.about-avatar-panel{display:flex;align-items:center;justify-content:center}.pixel-character{width:100px;height:100px;background:var(--pc98-white);border:2px solid var(--pc98-black);display:flex;align-items:center;justify-content:center;box-shadow:4px 4px 0 var(--pc98-black);background-image:repeating-linear-gradient(45deg,var(--pc98-pink),var(--pc98-pink) 8px,transparent 8px,transparent 16px)}.character-sprite{font-size:32px;background:var(--pc98-white);padding:4px}.pc98-social-panel{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:16px}.social-btn{font-family:"Press Start 2P",monospace;font-size:10px;padding:8px 12px;background:var(--pc98-gray-light);border:2px solid var(--pc98-black);color:var(--pc98-black);cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:2px 2px 0 var(--pc98-black)}.social-btn:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--pc98-black)}.github-btn:hover{background:var(--pc98-yellow)}.linkedin-btn:hover{background:var(--pc98-blue);color:var(--pc98-white)}.email-btn:hover{background:var(--pc98-red);color:var(--pc98-white)}.cv-btn:hover{background:var(--pc98-green);color:var(--pc98-black)}.social-icon{font-size:14px}.pc98-stack{width:100%;height:100%;position:relative;overflow:hidden;background:var(--pc98-menu-bg)}.pc98-stack-background{position:absolute;width:100%;height:100%;top:0;left:0}.stack-pattern{width:100%;height:100%;background:repeating-linear-gradient(45deg,var(--pc98-cyan),var(--pc98-cyan) 16px,transparent 16px,transparent 32px);opacity:.2}.stack-title{position:relative;z-index:2;font-size:16px;color:var(--pc98-white);text-shadow:2px 2px 0px var(--pc98-black);text-align:center;padding:20px 0}.pc98-stack-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 24px;height:calc(100% - 120px)}.stack-item-btn{font-family:"Press Start 2P",monospace;background:var(--pc98-white);border:2px solid var(--pc98-black);padding:16px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:2px 2px 0 var(--pc98-black)}.stack-item-btn:hover{background:var(--pc98-yellow);transform:translate(1px,1px);box-shadow:1px 1px 0 var(--pc98-black)}.stack-emoji{font-size:24px}.stack-name{font-size:10px;color:var(--pc98-black);text-align:center}.pc98-back-btn{font-family:"Press Start 2P",monospace;font-size:10px;padding:8px 12px;background:var(--pc98-gray-light);border:2px solid var(--pc98-black);color:var(--pc98-black);cursor:pointer;position:absolute;top:0;left:0;z-index:3;box-shadow:2px 2px 0 var(--pc98-black)}.pc98-back-btn:hover{background:var(--pc98-red);color:var(--pc98-white);transform:translate(1px,1px);box-shadow:1px 1px 0 var(--pc98-black)}.pc98-back-btn:active{background:var(--pc98-gray-dark);transform:translate(2px,2px);box-shadow:none}@media (max-width: 680px){.pc98-outer-frame{width:95vw;height:71.25vw;max-width:640px;max-height:480px}.pc98-main-title{font-size:18px}.pc98-project-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.pc98-about-content{grid-template-columns:1fr}.pc98-stack-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.pc98-stack-grid{grid-template-columns:1fr}.pc98-social-panel{flex-direction:column;align-items:center}}.clickable-image{position:relative;cursor:pointer;overflow:hidden;transition:all .3s ease}.clickable-image:hover{transform:scale(1.02);box-shadow:0 0 20px #ffffff4d}.image-click-indicator{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:10px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:8px;opacity:0;transition:opacity .3s ease}.clickable-image:hover .image-click-indicator{opacity:1}.click-icon{font-size:12px;animation:pulse 2s infinite}.click-text{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.cursor-main,.cursor-trail,.cursor-glow{position:fixed;border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference}.cursor-main{width:16px;height:16px;background-color:#0f0;box-shadow:0 0 10px #0f0}.cursor-trail{width:40px;height:40px;border:2px solid #0f0;background-color:transparent}.cursor-glow{width:60px;height:60px;background:radial-gradient(circle,rgba(0,255,0,.3) 0%,transparent 70%)}.game-container{cursor:none}.game-container *{cursor:none!important}.animated-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.background-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,rgba(0,255,0,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,255,0,.1) 1px,transparent 1px);background-size:50px 50px;z-index:1}.illumination-line{position:absolute;background:linear-gradient(90deg,transparent 0%,rgba(0,255,0,.8) 20%,rgba(163,255,0,1) 50%,rgba(0,255,0,.8) 80%,transparent 100%);box-shadow:0 0 10px #0f0c,0 0 20px #0f09,0 0 30px #0f06;z-index:2;transition:all 2.5s ease-out;opacity:.9}.illumination-line.vertical{background:linear-gradient(180deg,transparent 0%,rgba(0,255,0,.8) 20%,rgba(163,255,0,1) 50%,rgba(0,255,0,.8) 80%,transparent 100%)}.floating-particle{position:absolute;width:4px;height:4px;background-color:#0f0;border-radius:50%;box-shadow:0 0 6px #0f0,0 0 12px #0f0;z-index:2}.pulse-ring{position:absolute;width:100px;height:100px;border:2px solid rgba(0,255,0,.3);border-radius:50%;z-index:1}.background-grid:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%,rgba(0,255,0,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(163,255,0,.08) 0%,transparent 50%);animation:gridPulse 8s ease-in-out infinite;z-index:1}@keyframes gridPulse{0%,to{opacity:.3}50%{opacity:.7}}.game-container a:hover,.game-container button:hover,.menu-item:hover,.project-card:hover,.tech-item:hover,.specialty-card:hover,.intro-social-link:hover,.intro-enter-button:hover{box-shadow:0 0 20px #00ff0080,0 0 40px #00ff004d!important}.mouse-illumination{position:fixed;width:200px;height:200px;border-radius:50%;pointer-events:none;z-index:2;background:radial-gradient(circle,rgba(0,255,0,.3) 0%,rgba(0,255,0,.1) 30%,transparent 70%)}.grid-illumination-horizontal{position:fixed;width:100vw;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,255,0,.4) 20%,rgba(163,255,0,.6) 50%,rgba(0,255,0,.4) 80%,transparent 100%);box-shadow:0 0 8px #0f09,0 0 16px #0f06;pointer-events:none;z-index:2;left:0}.grid-illumination-vertical{position:fixed;width:2px;height:100vh;background:linear-gradient(180deg,transparent 0%,rgba(0,255,0,.4) 20%,rgba(163,255,0,.6) 50%,rgba(0,255,0,.4) 80%,transparent 100%);box-shadow:0 0 8px #0f09,0 0 16px #0f06;pointer-events:none;z-index:2;top:0}.animated-background:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,255,0,.6) 50%,transparent 100%);animation:scanLine 4s ease-in-out infinite;z-index:3}@keyframes scanLine{0%{top:-2px;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.game-container{font-family:VT323,monospace;background-color:#000;color:#0f0;min-height:100vh;position:relative;overflow:hidden}.game-content{position:relative;z-index:10}.game-header{padding:2rem}.back-button{color:#ff0;text-decoration:none;font-size:1.25rem;transition:color .3s ease}.back-button:hover{color:#ff8}.game-title{font-size:3rem;text-align:center;margin-bottom:3rem;color:#0f0;text-shadow:0 0 5px #0f0,0 0 10px #0f0,0 0 15px #0f0;animation:glitch 2s infinite}@keyframes glitch{0%{text-shadow:0 0 5px #0f0}50%{text-shadow:2px 0 5px #f00,-2px 0 5px #00f}to{text-shadow:0 0 5px #0f0}}.game-main{padding:0 2rem 2rem;max-width:1200px;margin:0 auto}.game-card{background-color:#1516;border:2px solid #0f0;padding:1.5rem;transition:all .3s ease;clip-path:polygon(0 0,100% 0,95% 100%,0% 100%)}.game-card:hover{background-color:#a3ff0099;color:#000;box-shadow:0 0 20px #a3ff00}.game-grid{display:grid;gap:1.5rem}.game-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.game-grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.game-grid-5{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (min-width: 768px){.game-grid-2{grid-template-columns:repeat(2,1fr)}.game-grid-3{grid-template-columns:repeat(3,1fr)}.game-grid-5{grid-template-columns:repeat(5,1fr)}}.text-center{text-align:center}.text-green-300{color:#86efac}.text-green-400{color:#4ade80}.text-green-200{color:#bbf7d0}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-4{margin-top:1rem}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.gap-2{gap:.5rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.relative{position:relative}.absolute{position:absolute}.w-full{width:100%}.h-full{height:100%}.intro-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.intro-title{font-size:4rem;margin-bottom:1rem;color:#0f0;text-shadow:0 0 5px #0f0}.intro-name-word{display:inline-block;margin:0 .5rem}.intro-letter{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;transform-origin:center bottom;position:relative;z-index:10}.intro-letter:hover{z-index:20}.intro-subtitle{font-size:2rem;margin-bottom:1.5rem;color:#86efac}.intro-description{font-size:1.25rem;margin-bottom:2rem;max-width:800px;text-align:center;color:#bbf7d0;line-height:1.6}.intro-social-links{display:flex;gap:2rem;margin-bottom:3rem}.intro-social-link{color:#0f0;transition:all .3s ease;transform-origin:center}.intro-social-link:hover{color:#bbf7d0;transform:scale(1.1)}.intro-enter-button{padding:1rem 2rem;font-size:1.5rem;border:2px solid #0f0;background-color:#0006;color:#0f0;text-decoration:none;transition:all .3s ease;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);position:relative}.intro-enter-button:hover{background-color:#0f0;color:#000;transform:scale(1.05)}.intro-enter-button:before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:10px;height:10px;border:2px solid #0f0;border-radius:50%;background:#000}@media (max-width: 768px){.intro-title{font-size:2.5rem}.intro-subtitle{font-size:1.5rem}.intro-description{font-size:1rem}.intro-social-links{gap:1rem}.intro-enter-button{font-size:1.25rem;padding:.75rem 1.5rem}}.intro-loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-title{font-size:6rem;font-weight:700;color:#0f0;text-shadow:0 0 5px #0f0,0 0 10px #0f0,0 0 20px #0f0,0 0 40px #0f0;margin:0;letter-spacing:.2em;font-family:VT323,monospace}.loading-subtitle{font-size:3rem;font-weight:700;color:#86efac;text-shadow:0 0 5px #86efac,0 0 10px #86efac;margin:.5rem 0 2rem;letter-spacing:.15em;font-family:VT323,monospace}.loading-bar-container{height:6px;background:rgba(0,255,0,.2);border:2px solid #0f0;border-radius:3px;overflow:hidden;margin-bottom:2rem;box-shadow:0 0 10px #00ff0080,inset 0 0 10px #0f03}.loading-bar{height:100%;background:linear-gradient(90deg,#0f0 0%,#86efac 50%,#0f0 100%);background-size:200% 100%;animation:loadingBarShine 1s ease-in-out infinite;box-shadow:0 0 10px #0f0}.loading-text{font-size:1.5rem;color:#bbf7d0;font-family:VT323,monospace;letter-spacing:.1em;margin:0}@keyframes loadingBarShine{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.loading-title{font-size:4rem}.loading-subtitle{font-size:2rem}.loading-bar-container{width:250px}.loading-text{font-size:1.25rem}}.menu-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.menu-content{display:flex;align-items:center;gap:4rem}.orb{width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#a3ff00,#3c7f00,#0a2d00);box-shadow:0 0 50px #a3ff00,0 0 100px #3c7f00;position:relative;display:flex;justify-content:center;align-items:center;animation:pulse 4s infinite ease-in-out}.orb-x{font-size:150px;font-weight:700;color:#fffc;text-shadow:0 0 20px #fff,0 0 40px #a3ff00;transform:skew(-10deg)}.orb:before,.orb:after{content:"";position:absolute;border-radius:50%;border:2px solid rgba(173,255,47,.3);animation:rotate 10s linear infinite}.orb:before{width:350px;height:350px}.orb:after{width:400px;height:400px;animation-direction:reverse}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 50px #a3ff00,0 0 100px #3c7f00}50%{transform:scale(1);box-shadow:0 0 70px #a3ff00,0 0 120px #3c7f00}to{transform:scale(.95);box-shadow:0 0 50px #a3ff00,0 0 100px #3c7f00}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu-nav{position:relative}.menu-item{background-color:#1516;border:2px solid #0f0;padding:1rem 2rem;margin-bottom:1.5rem;color:#fff;text-shadow:0 0 5px #0f0;font-size:2rem;transition:all .3s ease;position:relative;clip-path:polygon(0 0,100% 0,95% 100%,0% 100%);width:300px;display:block;text-decoration:none}.menu-item:hover{background-color:#a3ff0099;color:#000;text-shadow:none;box-shadow:0 0 20px #a3ff00}.menu-item:before{content:"";position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid #0f0;border-radius:50%;background:#000}.menu-item:after{content:"";position:absolute;left:-50px;top:50%;width:20px;height:2px;background:#0f0}.select-button{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;color:#ff0;text-shadow:0 0 5px #ffff00;position:absolute;bottom:2.5rem;right:2.5rem}.select-button-icon{width:40px;height:40px;border-radius:50%;background-color:#0f0;color:#000;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.5rem;box-shadow:0 0 15px #0f0}@media (max-width: 768px){.menu-content{flex-direction:column;gap:2rem}.orb{width:200px;height:200px}.orb-x{font-size:100px}.orb:before{width:230px;height:230px}.orb:after{width:260px;height:260px}.menu-item{font-size:1.5rem;width:250px}.select-button{bottom:1rem;right:1rem}}.projects-container{min-height:100vh;padding-bottom:2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}@media (min-width: 768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background-color:#1516;border:2px solid #0f0;padding:1.5rem;clip-path:polygon(0 0,100% 0,95% 100%,0% 100%);transition:all .3s ease;color:#0f0}.project-card:hover{background-color:#a3ff0099;color:#000;box-shadow:0 0 20px #a3ff00;transform:translateY(-5px)}.project-title{font-size:1.5rem;margin-bottom:1rem;color:inherit}.project-description{color:#86efac;margin-bottom:1rem;line-height:1.5}.project-card:hover .project-description{color:#333}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background-color:#0f03;border:1px solid #0f0;padding:.25rem .5rem;font-size:.875rem;color:#0f0;border-radius:3px}.project-card:hover .tech-tag{background-color:#0003;color:#000;border-color:#000}.about-container{min-height:100vh;padding-bottom:2rem}.about-content{max-width:1000px;margin:0 auto}.about-section{margin-bottom:3rem}.section-title{font-size:2rem;margin-bottom:1.5rem;color:#86efac}.content-box{background-color:#1516;border:2px solid #0f0;padding:2rem;clip-path:polygon(0 0,100% 0,98% 100%,0% 100%);transition:all .3s ease}.content-box:hover{background-color:#a3ff0033;box-shadow:0 0 20px #a3ff004d}.content-text{font-size:1.25rem;line-height:1.8;color:#bbf7d0}.experience-item,.education-item{position:relative;padding-left:2rem;margin-bottom:1.5rem}.experience-item:last-child,.education-item:last-child{margin-bottom:0}.experience-item:before,.education-item:before{content:">";position:absolute;left:0;top:0;color:#0f0;font-size:1.5rem;font-weight:700}.item-title{font-size:1.5rem;color:#4ade80;margin-bottom:.5rem}.item-period{color:#86efac;margin-bottom:.5rem;font-size:1rem}.item-description{color:#bbf7d0;line-height:1.6}@media (max-width: 768px){.about-content{padding:0 1rem}.section-title{font-size:1.5rem}.content-box{padding:1.5rem}.content-text{font-size:1.125rem}.item-title{font-size:1.25rem}}.stack-container{min-height:100vh;padding-bottom:2rem}.stack-content{max-width:1200px;margin:0 auto}.stack-section{margin-bottom:3rem}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}@media (min-width: 640px){.tech-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.tech-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.tech-grid{grid-template-columns:repeat(5,1fr)}}.tech-item{background-color:#1516;border:2px solid #0f0;padding:1.5rem;text-align:center;transition:all .3s ease;clip-path:polygon(5% 0%,100% 0%,95% 100%,0% 100%);color:#0f0}.tech-item:hover{background-color:#a3ff0099;color:#000;box-shadow:0 0 20px #a3ff00;transform:translateY(-5px)}.tech-icon-container{display:flex;justify-content:center;align-items:center;height:80px;margin-bottom:1rem}.tech-icon{transition:all .3s ease}.tech-item:hover .tech-icon{transform:scale(1.2);filter:drop-shadow(0 0 10px currentColor)}.tech-name{font-size:1.125rem;margin-bottom:1rem}.skill-bar{width:100%;height:4px;background-color:#00ff004d;overflow:hidden;border-radius:2px}.skill-progress{height:100%;background:linear-gradient(90deg,#0f0,#a3ff00);width:0%;animation:fillBar 2s ease-in-out forwards}@keyframes fillBar{0%{width:0%}to{width:var(--progress-width, 85%)}}.specialty-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.specialty-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.specialty-grid{grid-template-columns:repeat(3,1fr)}}.specialty-card{background-color:#1516;border:2px solid #0f0;padding:2rem;clip-path:polygon(0 0,100% 0,96% 100%,0% 100%);transition:all .3s ease}.specialty-card:hover{background-color:#a3ff0033;box-shadow:0 0 20px #a3ff004d}.specialty-title{font-size:1.5rem;margin-bottom:1rem;color:#4ade80}.specialty-list{list-style:none;padding:0;margin:0}.specialty-list li{position:relative;padding:.5rem 0 .5rem 1.5rem;color:#0f0}.specialty-list li:before{content:"►";position:absolute;left:0;color:#a3ff00;font-size:.8rem;top:.5rem}@media (max-width: 768px){.tech-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.tech-item{padding:1rem}.tech-icon-container{height:60px}.specialty-card{padding:1.5rem}}:root{--bg: #060b19;--border: #F99417;--textDark: #222222;--textLight: #fafafa;--textMuted: #909090}body{background-color:var(--bg);display:flex;flex-direction:column;height:100vh;margin:0;overflow:hidden;font-family:IBM Plex Mono,monospace}#root{background-color:var(--bg);display:flex;flex-direction:column;height:100vh;margin:0;overflow:hidden}*{box-sizing:border-box}h1,h2,h3,a,p,span{font-style:italic;font-weight:400;color:var(--textLight);margin:0}a{text-decoration:none}a:hover{color:var(--border)}.nav,.profile-nav{display:flex;width:100%;border-bottom:1px solid var(--border)}.nav .nav-section,.profile-nav .profile-nav-section{padding:1rem;display:flex;gap:1rem;border-left:1px solid var(--border);align-items:center;justify-content:center;text-transform:uppercase}.nav .nav-section a,.profile-nav .profile-nav-section a,.article-footer-links>a>h3,.article-footer-copy>h3{font-weight:700;font-style:italic}#nav-mobile-section,#profile-nav-mobile-section{display:flex;flex-basis:calc(100% * (2 / 3));z-index:2}#nav-toggle-button,#profile-nav-toggle-button{align-items:center;background-color:transparent;border:none;border-left:1px solid var(--border);color:var(--textLight);cursor:pointer;display:none;gap:.5rem;height:100%;justify-content:center;outline:none;padding:0rem 3rem;position:relative;z-index:3}#nav-toggle-button:hover,#nav-toggle-button:hover>span,#profile-nav-toggle-button:hover,#profile-nav-toggle-button:hover>span{color:var(--border)}#nav-toggle-button>span,#nav-toggle-button>i,#profile-nav-toggle-button>span,#profile-nav-toggle-button>i{display:inline-block;height:1rem;line-height:1rem}#nav-social-section,#nav-contact-section,#profile-nav-social-section,#profile-nav-contact-section{flex-grow:1}#nav-logo-section,#profile-nav-logo-section{flex-basis:calc(100% / 3);justify-content:flex-start}#nav-logo-section>a>i,#profile-nav-logo-section>a>i{font-size:2.5rem}#nav-link-section,#profile-nav-link-section{flex-basis:50%;gap:6rem;text-transform:uppercase}#nav-social-section,#profile-nav-social-section{gap:2rem}.theme-button,.button,.alt-button{background-color:var(--border);cursor:pointer;--width: 120px;--timing: 2s;border:0;width:var(--width);padding-block:1em;color:var(--textDark);font-weight:700;transition:all .2s;height:40px;display:flex;align-items:center;justify-content:center;transform:skew(-21deg);text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:1rem;text-align:center}.theme-button:hover{background-image:linear-gradient(to right,rgb(250,82,82),rgb(250,82,82) 16.65%,rgb(190,75,219) 16.65%,rgb(190,75,219) 33.3%,rgb(76,110,245) 33.3%,rgb(76,110,245) 49.95%,rgb(64,192,87) 49.95%,rgb(64,192,87) 66.6%,rgb(250,176,5) 66.6%,rgb(250,176,5) 83.25%,rgb(253,126,20) 83.25%,rgb(253,126,20) 100%,rgb(250,82,82) 100%);animation:var(--timing) linear dance6123 infinite;transform:scale(1.1) translateY(-1px) skew(-21deg)}.alt-button:hover,.button:hover{transform:scale(1.1) translateY(-1px) skew(-21deg);background:var(--border);color:var(--textDark)}.button{background-color:var(--border);color:var(--textDark);border:1px solid var(--textDark)}.alt-button{background-color:var(--bg);color:var(--border);border:1px solid var(--border)}main{flex-grow:1;position:relative;overflow:hidden}main>article,.profile>article{height:100%;width:100%;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:2fr 1fr;position:absolute;left:0;top:0;transition:transform .4s ease}.profile>article{grid-template-rows:8fr 1fr}main>article[data-status=inactive]{transform:translate(-100%);transition:none}main>article[data-status=active]{transform:translate(0)}main>article[data-status=before]{transform:translate(-100%)}main>article[data-status=after]{transform:translate(100%)}main>article[data-status=becoming-active-from-before]{transform:translate(-100%);transition:none}main>article[data-status=becoming-active-from-after]{transform:translate(100%);transition:none}main>article>.article-section{height:100%;display:flex}main>article>.article-description-section,main>article>.article-nav-section{border-left:1px solid var(--border)}main>article>.article-title-section,main>article>.article-nav-section{border-top:1px solid var(--border)}main>article>.article-description-section{flex-direction:column;justify-content:flex-end;padding:1rem}main>article>.article-description-section>p{color:var(--textMuted);font-size:1.25em;font-style:italic}main>article>.article-description-section>p>a:hover{text-decoration:underline}.article-description-stack{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;padding:1rem;color:var(--border)}main>article>.article-title-section{align-items:center;justify-content:space-between;padding:1rem 2rem}main>article>.article-title-section>h2{flex-basis:50%;font-family:Montserrat,sans-serif;font-size:3rem;line-height:3rem;margin:0;text-transform:uppercase;color:var(--border)}main>article>.article-title-section>div{flex-basis:30%;display:flex;flex-wrap:wrap;gap:1.3rem;margin:0;justify-content:center}main>article>.article-nav-section>.article-nav-button{background-color:transparent;flex-grow:1;border:none;outline:none;color:var(--textLight);font-size:3rem;cursor:pointer;display:flex;align-items:center;justify-content:center}main>article>.article-nav-section>.article-nav-button:hover{background-color:var(--border)}main>article>.article-nav-section>.article-nav-button:nth-child(2){border-left:1px solid var(--border)}.image-gallery{width:100%}.image-gallery *{height:100%}.image-gallery-image{aspect-ratio:16/8}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus,.image-gallery-thumbnail:hover{border:3px solid var(--border)!important}.lang-text{text-transform:uppercase;font-style:italic;cursor:pointer}.lang-text:hover,.text-active{font-weight:700;transform:scale(1.5)}button:disabled{cursor:not-allowed!important;opacity:.5}.image-left-nav,.image-right-nav{padding:0;bottom:0;color:var(--textLight);transition:all .3s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;cursor:pointer;outline:none;position:absolute;z-index:4}.image-left-nav:hover,.image-right-nav:hover,.article-footer-links>a>h2:hover{color:var(--border)}.image-right-nav{right:0}.image-left-nav{left:0;transform:rotate(180deg)}.login{display:flex}.login-form,.login-image{flex-basis:50%;align-items:center;text-align:center;border:1px solid var(--border)}.login-form,.newProject-form{flex-direction:column;display:flex;padding:2rem;gap:1rem;justify-content:center;flex-grow:1}.newProject-form{flex-basis:60%;text-align:left;height:max-content}.login-form>input,.newProject-form>input,.newProject-form>div>input{border-bottom:1rem solid var(--border);padding:.5rem;transform:skew(-21deg)}.newProject-form>div>input{flex-grow:.9}.login-form>input:focus-visible,.newProject-form>input:focus-visible,.newProject-form>div>input:focus-visible{outline:1px solid var(--border)}.login-form>*{width:70%}.login-image{aspect-ratio:1/2;background:url(https://i.ibb.co/d45vCgQ/Captura-de-pantalla-2023-02-10-120252.png);background-size:cover;background-repeat:no-repeat}.admin{display:flex;overflow:auto}.newProject-form>div{display:flex;align-items:center;justify-content:center;justify-content:space-between;flex-wrap:wrap}.projects{display:flex;flex-direction:column;padding:2rem;gap:1rem;flex-basis:40%}.projects>div{padding:1rem;display:flex;flex-direction:column;align-items:flex-end;gap:1rem;border-top:1px solid var(--border)}.projects>div>div>span,.newProject-form>div>span{border:1px solid var(--border);padding:0rem .5rem;border-radius:16px}.error-alert{position:absolute;top:1vw;right:1vw;padding:1rem;text-transform:uppercase}.error{background-color:#dc143c;color:#fff}@media (max-width: 1200px) or (max-height: 800px){#nav-mobile-section,#profile-nav-mobile-section{flex-basis:75%}#nav-logo-section,#profile-nav-logo-section{flex-basis:25%}#nav-link-section,#profile-nav-link-section{flex-basis:calc(100% / 3);gap:3rem}main,.profile{overflow-y:auto}main>article,.profile>article{grid-template-columns:none;grid-template-rows:1.5fr repeat(3,.75fr) .25fr;height:max(900px,100%)}.profile .article-profile-section{padding:4rem}main>article>.article-title-section>h2{font-size:3rem;line-height:2.6rem}main>article>.article-title-section>div{flex-basis:30%;display:flex;flex-wrap:wrap;gap:1rem;margin:0;justify-content:center}main>article>.article-title-section>i{font-size:3rem}main>article>.article-description-section,main>article>.article-nav-section,.profile>.article-profile-section,.profile>article>.article-links,.profile>article>.article-stack,.profile>article>.article-footer-copy{border-left:none}main>article>.article-image-section,.profile>article>.article-profile-section{order:1}.profile>article>.article-profile-section{border-bottom:1px solid var(--border)}main>article>.article-title-section{border-bottom:1px solid var(--border);order:2}.profile>article>.article-links{order:2}main>article>.article-description-section,.profile>article>.article-stack{justify-content:center;order:3}main>article>.article-nav-section,.profile>article>.article-footer-links{border-bottom:1px solid var(--border);order:1}.profile>article>.article-footer-copy{border-bottom:1px solid var(--border);order:5}}@media (max-width: 850px){.admin{flex-direction:column}.newProject-form>div{flex-direction:column;gap:1rem}.newProject-form>div>input{width:100%}}@media (max-width: 800px){nav,.profile-nav{justify-content:space-between}nav[data-toggled=true]>#nav-mobile-section,.profile-nav[data-toggled=true]>#profile-nav-mobile-section{transform:translateY(0)}nav[data-toggled=true]>#nav-toggle-button,.profile-nav[data-toggled=true]>#profile-nav-toggle-button{border-left:none}nav[data-transitionable=true]>#nav-mobile-section,.profile-nav[data-transitionable=true]>#profile-nav-mobile-section{transition:transform .4s ease}nav .nav-section,.profile-nav .profile-nav-section{border-left:none;padding:1.5rem 1rem}#nav-logo-section>a>i,#profile-nav-logo-section>a>i{font-size:1.5rem;margin-left:1rem}#nav-mobile-section,#profile-nav-mobile-section{background-color:var(--bg);flex-direction:column;height:100vh;width:100vw;position:fixed;transform:translateY(-100%)}#nav-toggle-button,#profile-nav-toggle-button{display:flex}#nav-link-section,#profile-nav-link-section{flex-basis:60%;flex-direction:column;gap:4rem}#nav-link-section>a,#profile-nav-link-section>a{font-size:3rem}#nav-social-section>a,#profile-nav-social-section>a{font-size:1rem;text-align:center}#nav-social-section,#profile-nav-social-section{flex-direction:column}#nav-contact-section,#profile-nav-contact-section{padding-bottom:4rem}main>article,.profile>article{grid-template-rows:1fr repeat(4,.5fr);height:max(700px,100%)}main>article>.article-title-section,.profile>article>.article-profile-section{padding:1rem}.profile>article>.article-profile-section{width:100vw}main>article>.article-title-section>h2{flex-basis:70%;font-size:1.75em;line-height:1.5rem}main>article>.article-title-section>i{font-size:2rem}main>article>.article-description-section{padding:1rem}main>article>.article-description-section>p{font-size:1rem}.login-image{display:none}}@media (max-width: 600px){main>article>.article-title-section{flex-direction:column;gap:1rem}svg:not(.nav-section svg,#nav-toggle-button svg){width:52px;height:52px}}@keyframes dance6123{to{background-position:var(--width)}}