@font-face{font-family:"PressStart2P";src:url("../ASSETS/FONTS/PressStart2P-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Jetbrains";src:url("../ASSETS/FONTS/JetBrainsMono-VariableFont_wght.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:"Ubuntu";src:url("../ASSETS/FONTS/Ubuntu-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Jersey10";src:url("../ASSETS/FONTS/Jersey10-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"B612";src:url("../ASSETS/FONTS/B612-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}*,*::before,*::after{box-sizing:border-box;padding:0;margin:0}:focus{outline:2px dashed #1a73e8;outline-offset:2px}::-webkit-scrollbar-track{background:#222;border-radius:6px}::-webkit-scrollbar-thumb{background:#0fb9b1;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#0a9e93}::-webkit-scrollbar{width:10px}html,body{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-size:16px;width:100%;height:100%}body{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;background-color:#000;line-height:1;font-family:"Jersey10",monospace,system-ui,sans-serif;font-size:1.5rem;color:#fff}h1{font-family:"Jersey10",monospace,system-ui,sans-serif}h2{font-family:"Jersey10",monospace,system-ui,sans-serif}h3{font-family:"Jersey10",monospace,system-ui,sans-serif}strong{font-family:"PressStart2P",monospace,system-ui,sans-serif}b{font-family:"B612",monospace,system-ui,sans-serif}p{font-family:"Jetbrains",monospace,system-ui,sans-serif}li{font-family:"Jetbrains",monospace,system-ui,sans-serif}a{font-family:"Jersey10",monospace,system-ui,sans-serif;color:inherit;text-decoration:none;transition:color .3s ease}img,video{max-width:400px;height:auto;display:block}ul,ol{list-style:none}button{line-height:inherit;font-family:inherit;font-size:inherit;background:none;appearance:none;cursor:pointer;color:inherit;outline:none;border:none}body.modal-active{overflow-y:scroll}.page-container{height:100%;width:100%}.main-content{position:relative;overflow-x:hidden;width:100%}@keyframes pulse-glow{0%,100%{box-shadow:0 0 0 rgba(240,240,240,.3)}50%{box-shadow:0 0 20px rgba(240,240,240,.6)}}@keyframes modal-pop{0%{transform:scale(0.2);opacity:0}100%{transform:scale(1);opacity:1}}.header{display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;position:fixed;background-color:#000;height:100px;z-index:1000;width:100%;left:0;top:0}.header nav{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;height:100%}.header nav .domain-full{display:none}.header nav .domain-split{display:flex;flex-direction:row;gap:1rem}.header nav .domain-split .domain-part{background-color:#222;text-shadow:3px 2px 0 #000;font-size:3rem;border:4px solid #555;color:#888;padding:0 .5rem}.hero-section{display:flex;flex-direction:column;scroll-margin-top:100px;background-color:#000;padding:100px 0rem 0rem 0rem;width:100%}.hero-section .hero-first-section{display:flex;flex-direction:column;line-height:.8;padding:0rem 1rem;width:100%}.hero-section .hero-first-section .hero-name-container{display:flex;flex-direction:column}.hero-section .hero-first-section .hero-name-container h1{text-shadow:2px 2px 0 #63a4ff;font-size:4rem;color:#1558b0}.hero-section .hero-first-section .hero-name-container h2{text-shadow:2px 2px 0 #45e0d0;font-size:4rem;color:#0a9e93}.hero-section .hero-first-section .hero-name-container h3{text-shadow:2px 2px 0 #c6a9ff;font-size:4rem;color:#512b84}.hero-section .hero-first-section .hero-avatar-container{display:flex;flex-direction:column;align-content:center;justify-content:center;padding:1rem 1rem 0rem 1rem;width:100%}.hero-section .hero-first-section .hero-avatar-container img{border:4px solid #f0f0f0;border-radius:25%;width:100%;height:auto}.hero-section .hero-second-section{display:flex;flex-direction:column;align-items:center;width:100%}.hero-section .hero-second-section .hero-content-title{text-shadow:2px 2px 0 #63a4ff;font-family:"Jersey10",monospace,system-ui,sans-serif;font-size:4rem;letter-spacing:.1em;margin-top:1rem;color:#1558b0;text-align:center;width:100%;height:auto}.hero-section .hero-second-section .skills-group-label{text-shadow:3px 2px 0 #1558b0;font-size:3rem;letter-spacing:.1em;color:#63a4ff;line-height:.6;padding:0rem .5rem}.hero-section .hero-second-section .hero-attributes-container{display:flex;flex-direction:column;background-color:#000;position:relative;width:100%}.hero-section .hero-second-section .hero-attributes-container .attributes-content{display:flex;flex-direction:column;justify-content:space-between;padding:0rem 1rem;gap:1rem}.hero-section .hero-second-section .hero-attributes-container .attributes-content .attribute-label{text-shadow:3px 2px 0 #1558b0;font-size:3rem;letter-spacing:.1em;color:#63a4ff;line-height:.6;text-align:center}.hero-section .hero-second-section .hero-attributes-container .attributes-content .tooltip{background:rgba(0,0,0,0);pointer-events:auto;position:static;display:block;border:none;opacity:1;padding:0rem .5rem;line-height:1}.hero-section .hero-second-section .hero-attributes-container .attributes-content .tooltip .tooltip-tag{text-shadow:3px 2px 0 #000;font-family:"Jersey10",monospace,system-ui,sans-serif;font-size:2rem;color:#1a73e8;letter-spacing:.05em}.hero-section .hero-second-section .hero-attributes-container .attributes-content .tooltip .tooltip-description{text-shadow:2px 2px 0 #000;font-family:"Ubuntu",monospace,system-ui,sans-serif;font-size:1rem;letter-spacing:-0.05em;color:#f0f0f0}.hero-section .hero-second-section .hero-attributes-container .attributes-content .attribute-meter{background-color:#444;border:4px solid #555;border-radius:20px;padding:.5rem 0rem 0rem 0rem}.hero-section .hero-second-section .hero-attributes-container .attributes-content .attribute-meter .meter{overflow:hidden;position:relative;background-color:#000;border:4px solid #000;border-radius:20px;margin-top:.4rem;margin-bottom:.2rem;width:100%;height:30px}.hero-section .hero-second-section .hero-attributes-container .attributes-content .attribute-meter .meter .meter-fill{background-color:#f0f0f0;height:100%}.hero-section .hero-second-section .hero-attributes-container #attribute-tooltip{position:fixed;visibility:hidden;pointer-events:none;background-color:#000;border:4px solid #f0f0f0;border-radius:8px;min-width:20vw;max-width:60vw;padding:1rem;z-index:9999;opacity:0;transition:opacity .2s ease,visibility 0s linear .2s}.hero-section .hero-second-section .hero-attributes-container #attribute-tooltip .tooltip-tag{text-shadow:2px 2px 0 #1558b0;font-family:"Jersey10",monospace,system-ui,sans-serif;font-size:2rem;color:#63a4ff;letter-spacing:.1em;display:block}.hero-section .hero-second-section .hero-attributes-container #attribute-tooltip .tooltip-description{text-shadow:2px 2px 0 #000;font-family:"Ubuntu",monospace,system-ui,sans-serif;font-size:1.5rem;letter-spacing:-0.05em;color:#f0f0f0}.hero-section .hero-second-section .hero-attributes-container #attribute-tooltip.visible{visibility:visible;opacity:1;transition-delay:0s}.hero-section .hero-second-section .hero-skills-container{display:flex;flex-direction:column;padding:0rem 1rem 1rem 1rem;width:100%}.hero-section .hero-second-section .hero-skills-container .skills-content{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.hero-section .hero-second-section .hero-skills-container .skills-group{display:flex;flex-direction:column;background-color:#444;border:4px solid #555;border-radius:20px;padding:.5rem}.hero-section .hero-second-section .hero-skills-container .skills-group .skills-group-content{display:flex;margin-top:.4rem}.hero-section .hero-second-section .hero-skills-container .skills-group .skills-group-content .skill{display:flex;background-color:#f0f0f0;border:4px solid #000;padding:.1rem;border-radius:20%}.hero-section .hero-second-section .hero-skills-container .skills-group .skills-group-content .skill img{width:30px;height:auto;display:block}.projects-section{display:flex;flex-direction:column;scroll-margin-top:100px;background-color:#000;padding:0rem 1rem 1rem 1rem;width:100%}.projects-section .projects-section-title{text-shadow:2px 2px 0 #45e0d0;font-family:"Jersey10",monospace,system-ui,sans-serif;font-size:4rem;letter-spacing:.1em;color:#0a9e93;text-align:center;width:100%;height:auto}.projects-section .projects-grid{display:flex;flex-direction:column;justify-items:center;align-items:center;width:100%;gap:1.8rem}.projects-section .projects-grid .project{animation:pulse-glow 2.5s linear infinite;display:flex;flex-direction:column;background-color:#444;border:8px solid rgba(0,0,0,0);border-radius:20px;width:100%;height:100%;text-align:center}.projects-section .projects-grid .project .project-header{display:flex;flex-direction:row;align-items:center;padding:.5rem;width:100%}.projects-section .projects-grid .project .project-header .project-thumbnail{background-color:#63a4ff;border-radius:20px;max-width:125px;margin-left:1rem;height:auto}.projects-section .projects-grid .project .project-header .project-title{color:#0a9e93;text-shadow:3px 2px 0 #f0f0f0;font-size:4rem;text-align:start;margin-left:1rem;line-height:.6}.project-details-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;padding-top:3rem;z-index:9998;display:none;animation:modal-pop .5s ease-in-out}.project-details-modal.active{display:flex;align-items:flex-start;justify-content:center}.project-details-modal .modal-container{display:flex;flex-direction:column;background-color:#222;width:80vw;max-width:1800px;max-height:90vh;overflow-y:auto;border-radius:16px;padding:1.25rem;animation:pulse-glow 2.5s linear infinite}.project-details-modal .modal-container .modal-header-container{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.project-details-modal .modal-container .modal-header-container .modal-header-content{display:flex;align-items:center;gap:1rem;flex-grow:1}.project-details-modal .modal-container .modal-header-container .modal-header-content .modal-project-thumbnail img{width:80px;height:auto;border-radius:12%;animation:pulse-glow 2.5s linear infinite}.project-details-modal .modal-container .modal-header-container .modal-header-content .modal-project-title{font-size:4rem;color:#0a9e93;text-shadow:3px 2px 0 #f0f0f0;line-height:.6;text-align:left}.project-details-modal .modal-container .modal-header-container .modal-close-button{background-color:#222;border:4px solid #000;color:#000;font-size:2rem;height:2.5rem;width:2.5rem;border-radius:.25rem;cursor:pointer;flex-shrink:0}.project-details-modal .modal-container .modal-header-container .modal-close-button:hover{background-color:#ac0000}.project-details-modal .modal-container .modal-content-container{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem;width:100%}.project-details-modal .modal-container .modal-content-container .modal-project-description{background-color:#222;border:4px solid #555;border-radius:12px;padding:.75rem;font-family:"Jetbrains",monospace,system-ui,sans-serif;font-size:1rem;color:#f0f0f0;text-shadow:3px 2px 0 #000}.project-details-modal .modal-container .modal-content-container .modal-features-container ul{display:flex;flex-direction:column;gap:1rem}.project-details-modal .modal-container .modal-content-container .modal-features-container ul li{font-family:"Jetbrains",monospace,system-ui,sans-serif;font-size:1rem;color:#f0f0f0}.project-details-modal .modal-container .modal-content-container .modal-features-container ul li strong{font-family:"Jetbrains",monospace,system-ui,sans-serif;display:block;color:#0a9e93;text-shadow:3px 2px 0 #000;margin-bottom:.2rem;font-size:2rem}.bio-section{display:flex;flex-direction:column;scroll-margin-top:100px;background-color:#000;padding:0rem 1rem 1rem 1rem;margin-bottom:1rem;width:100%}.bio-section .bio-section-title{text-shadow:2px 2px 0 #c6a9ff;font-family:"Jersey10",monospace,system-ui,sans-serif;font-size:4rem;color:#512b84;letter-spacing:.1em;text-align:center;width:100%;height:auto}.bio-section .bio-content{display:flex;flex-direction:column;gap:1rem;width:100%}.bio-section .bio-content .bio-principle{display:flex;flex-direction:column;background-color:#444;border:4px solid #555;border-radius:20px;padding:.5rem}.bio-section .bio-content .bio-principle .bio-principle-header .bio-principle-title{text-shadow:3px 2px 0 #512b84;font-size:3rem;color:#c6a9ff;line-height:.6;letter-spacing:.05em}.bio-section .bio-content .bio-principle .bio-principle-header .bio-principle-subtitle b{text-shadow:2px 2px 0 #512b84;font-family:"Jersey10",monospace,system-ui,sans-serif;font-size:2rem;color:#9c4edc;letter-spacing:.1em}.bio-section .bio-content .bio-principle .bio-principle-body{text-shadow:2px 2px 0 #000;font-family:"Ubuntu",monospace,system-ui,sans-serif;font-size:1rem;letter-spacing:-0.05em;color:#f0f0f0}.footer{width:100%;z-index:1000;padding:1rem 2rem;background-color:#222;justify-items:space-between}.footer .footer-links-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.footer .footer-links-container .contact-link{display:flex;flex-direction:column;align-items:center;justify-content:right;text-decoration:none;color:#fff;transition:transform .3s ease;box-sizing:border-box}.footer .footer-links-container .contact-link:hover,.footer .footer-links-container .contact-link:focus{transform:scale(1.1)}.footer .footer-links-container .contact-link img{width:48px;height:auto;object-fit:contain;display:block}.footer .footer-links-container .contact-link span{margin-top:.5rem}@media(min-width: 800px){.header nav .domain-full{display:inline-block;background-color:#222;text-shadow:3px 2px 0 #000;border:4px solid #555;pointer-events:none;color:#888;opacity:1;width:100%;padding:.5rem 1rem;text-align:center;font-size:3rem}.header nav .domain-split{position:absolute;display:flex;flex-direction:row;pointer-events:auto;opacity:0;gap:1rem;top:50%;left:50%;transform:translate(-50%, -50%);color:#f0f0f0}.header nav .domain-split .domain-part{padding:.5rem 1rem;border:4px solid #555;color:#888;text-shadow:3px 2px 0 #000;transition:all .3s ease}.header nav .domain-split .first-part:hover{transition:all .3s ease;color:#1a73e8}.header nav .domain-split .second-part:hover{transition:all .3s ease;color:#0fb9b1}.header nav .domain-split .third-part:hover{transition:all .3s ease;color:#9c4edc}.header nav:hover .domain-full{opacity:0;pointer-events:none}.header nav:hover .domain-split{opacity:1;pointer-events:auto}.hero-section{display:flex;flex-direction:column;scroll-margin-top:100px;background-color:#000;padding:100px 0rem 0rem 0rem;margin-bottom:2rem;width:100%}.hero-section .hero-first-section{display:flex;flex-direction:column;line-height:.8;padding:0rem 1rem;width:100%}.hero-section .hero-first-section .hero-name-container{display:flex;flex-direction:row;justify-content:center;padding:1rem 0;width:100%;gap:3rem}.hero-section .hero-first-section .hero-name-container h1{text-shadow:2px 2px 0 #63a4ff;font-size:4rem;color:#1558b0}.hero-section .hero-first-section .hero-name-container h2{text-shadow:2px 2px 0 #45e0d0;font-size:4rem;color:#0a9e93}.hero-section .hero-first-section .hero-name-container h3{text-shadow:2px 2px 0 #c6a9ff;font-size:4rem;color:#512b84}.hero-section .hero-first-section .hero-avatar-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 1rem 0rem 1rem;margin-bottom:1rem;width:100%}.hero-section .hero-first-section .hero-avatar-container img{border:4px solid #f0f0f0;border-radius:25%;width:100%;height:auto}.hero-section .hero-second-section{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:1rem;padding:0rem 1rem;width:100%}.hero-section .hero-second-section .hero-content-title{text-shadow:2px 2px 0 #63a4ff;font-family:"Jersey10",monospace,system-ui,sans-serif;font-size:4rem;letter-spacing:.1em;color:#1558b0;text-align:center}.hero-section .hero-second-section .skills-group-label,.hero-section .hero-second-section .attribute-label{text-shadow:3px 2px 0 #1558b0;font-size:3rem;color:#63a4ff;letter-spacing:.1em;line-height:.6}.hero-section .hero-second-section .hero-attributes-container{display:flex;flex-direction:column;background-color:#000;position:relative;width:100%}.hero-section .hero-second-section .hero-attributes-container .attributes-content{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.hero-section .hero-second-section .hero-attributes-container .attributes-content .attribute-meter{background-color:#444;border:4px solid #555;border-radius:20px}.hero-section .hero-second-section .hero-attributes-container .attributes-content .attribute-meter .meter{overflow:hidden;position:relative;background-color:#000;border:4px solid #000;border-radius:20px;height:30px}.hero-section .hero-second-section .hero-attributes-container .attributes-content .attribute-meter .meter .meter-fill{background-color:#f0f0f0;height:100%}.hero-section .hero-second-section .hero-skills-container{display:flex;flex-direction:column;padding:0rem .5rem 1rem .5rem;margin-bottom:2rem;width:100%}.hero-section .hero-second-section .hero-skills-container .skills-content{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.hero-section .hero-second-section .hero-skills-container .skills-group{display:flex;flex-direction:column;background-color:#444;border:4px solid #555;border-radius:20px;padding:.5rem}.hero-section .hero-second-section .hero-skills-container .skills-group .skills-group-content{display:flex;margin-top:.2rem}.hero-section .hero-second-section .hero-skills-container .skills-group .skills-group-content .skill{display:flex;background-color:#f0f0f0;border:4px solid #000;padding:.1rem;border-radius:20%}.hero-section .hero-second-section .hero-skills-container .skills-group .skills-group-content .skill img{width:50px;height:auto;display:block}#attribute-tooltip{transition:opacity .3s ease,transform .3s ease;transform:translateY(0.5rem);display:block !important;position:absolute;pointer-events:none;background-color:#f0f0f0;border-radius:20px;padding:.4rem .8rem;opacity:0;line-height:.8;z-index:9999;width:50%;visibility:hidden}#attribute-tooltip .tooltip-tag{text-shadow:3px 2px 0 #000;font-family:"Jersey10",monospace,system-ui,sans-serif;font-size:3rem;color:#555;letter-spacing:.05em}#attribute-tooltip .tooltip-description{text-shadow:3px 2px 0 #f0f0f0;font-family:"Jetbrains",monospace,system-ui,sans-serif;font-size:1.5rem;color:#000}#attribute-tooltip.visible{opacity:1;visibility:visible;transform:translateY(0)}#icon-tooltip{transition:opacity .3s ease,transform .3s ease;transform:translateY(0.25rem);background-color:#f0f0f0;pointer-events:none;position:absolute;visibility:hidden;width:fit-content;padding:.4rem .8rem;border:4px solid #000;border-radius:20px;z-index:9999;opacity:0;display:block !important}#icon-tooltip.visible{opacity:1;visibility:visible;transform:translateY(0)}#icon-tooltip .tooltip-tag{text-shadow:3px 2px 0 #000;font-family:"Jersey10",monospace,system-ui,sans-serif;font-size:3rem;color:#555;letter-spacing:.05em}.attribute-meter .tooltip{display:none !important}}/*# sourceMappingURL=main.css.map */