@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Fira Code,monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--fontsize-md: 16px;--backgroundcolor-body: rgba(15, 23, 43, 1);--backgroundcolor-backdrop: rgba(2, 6, 24, 1);--border: rgba(49, 65, 88, 1);--yellow: rgba(255, 184, 106, 1);--inner-mobile-nav: rgba(49, 65, 88, 1);--nav-text: rgba(248, 250, 252, 1);--fore-text: rgba(144, 161, 185, 1);--footer-logos: rgba(98, 116, 142, 1);--blue: rgba(97, 95, 255, 1);--teal: rgba(0, 213, 190, 1);--link-pry: rgba(255, 161, 173, 1);--link-hover: rgba(255, 255, 255, 1);--my-name: rgba(248, 250, 252, 1);--live-background: rgba(69, 85, 108, 1);--snippet-backdrop: rgba(2, 6, 24, 1);--interesting: rgba(49, 65, 88, 1)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--backgroundcolor-backdrop);color:var(--fore-text);padding:1em}a{color:inherit;text-decoration:none}#root{border:1px solid rgb(49,65,88);border-radius:10px;display:flex;flex-direction:column;min-height:calc(100dvh - 2rem);margin:0;background-color:var(--backgroundcolor-body)}.nav-div{border-bottom:1px solid rgb(49,65,88);display:flex}.nav-div span{padding:10px;display:block}.mobile-nav{flex:1;display:flex;align-items:center;justify-content:flex-end;padding:10px}.mobile-nav button{background-color:transparent;border:none;color:var(--fore-text);font-size:1.4rem}.menu-container,.contact-div{display:none}.nav-div a.inactive-menu{border-bottom:3px solid transparent}.nav-div a.active-menu{border-bottom:3px solid var(--yellow)}.footer-div{bottom:0;width:100%;display:flex;border-top:1px solid rgb(49,65,88)}.footer-div div{display:flex}.footer-div span{display:block;padding:10px}.outlet-div{flex:1;display:flex;flex-direction:column;position:relative}.inset-div{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;background-color:var(--backgroundcolor-body)}.mobile-nav-dropdown{z-index:10;display:flex;flex-direction:column;width:100%;position:absolute;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-nav-dropdown span{font-size:1.2rem;padding:.6em .8em;border-bottom:1px solid rgb(49,65,88)}.footer-div-1 span{border-right:1px solid rgb(49,65,88)}.footer-div-2{display:flex;flex:1;justify-content:flex-end}.footer-div-2 .footer-div-2-main{border-left:1px solid rgb(49,65,88)}.home-page-div{display:flex;justify-content:center;align-items:center;position:relative;flex:1}.home-div-2{display:none}.home-div-1{display:flex;flex-direction:column;gap:3em;padding-left:1em}.home-div-1 h1{color:var(--my-name)}.home-div-1 h3{color:var(--blue)}.home-div-1-1{display:flex;flex-direction:column;gap:5px}.home-div-1-2{font-size:1.1rem}.home-div-1-2 .const{color:var(--blue)}.home-div-1-2 .git{color:var(--teal)}.home-div-1-2 .gitlink{color:var(--link-pry)}.mobile-about-div{display:flex;flex-direction:column;gap:.3em}.mobile-about-header,.contact-mobile-header,.projects-mobile-header{padding:.7em;font-size:1.1rem}.mobile-about-bottons,.contact-drop-buttons{padding:.8em;font-size:1rem;color:var(--nav-text);display:flex;align-items:center;background-color:var(--inner-mobile-nav)}.mobile-about-bottons svg,.contact-drop-buttons svg{font-size:1.1rem}.mobile-about-minidivs,.contacts-drop-div{display:flex;flex-direction:column}.mobile-about-inner{padding:.8em}.mobile-about-inner p{text-align:left;padding:.5em}.contacts-main-div{display:flex;flex-direction:column;gap:.5em;height:100%;flex:1}.contacts-inner-div,.contacts-side-div{display:flex;flex-direction:column;gap:.5em}#contact-form{display:flex;flex-direction:column}.contact-me-div{display:flex;flex-direction:column;align-items:center;flex:1}.contacts-drop-div{padding:.5em;gap:.3em}.fs-form{display:grid;gap:.7em;width:100%;padding:.6em .8em;max-width:500px}.fs-field{display:grid;gap:.3em}.fs-description{font-size:.7rem;color:var(--yellow)}.fs-input,.fs-textarea{padding:.5em;background-color:inherit;box-shadow:none;border:1px solid rgb(49,65,88);border-radius:.4em;color:inherit}.fs-button-group{display:flex}.fs-button{padding:.4rem .6rem;margin-right:.4em;border-radius:.4rem;background-color:var(--yellow)}.fs-button:hover{background-color:var(--my-name)}.contact-succeeded{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-inline:5em;gap:1.3em}.contact-succeeded p{text-align:center}.contact-succeeded-p{color:#fff;font-size:1.2rem}.code-show{display:none}.projects-main-div{width:100%}.projects-grid{display:grid;gap:1em;padding-inline:1em;padding-bottom:2em;max-width:100%;width:100%;grid-template-columns:1}.pry-project-div{max-width:100%;width:100%;height:100%;display:flex;flex-direction:column}.project-div{border:1px solid rgb(49,65,88);border-radius:.5rem;display:flex;flex-direction:column;flex:1 1 auto;width:100%}.project-num{color:var(--blue)}.project-div-picture{width:100%;max-width:100%;aspect-ratio:2/1;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-image{width:100%;height:100%;object-fit:cover;display:block;border-top-left-radius:.5rem;border-top-right-radius:.5rem;max-width:100%}.project-content{padding:.8em;display:flex;flex-direction:column;gap:.3em;flex:1 1 auto}.link-button-holder{display:flex;justify-content:flex-start;margin-top:auto}.link-button{background-color:var(--live-background);color:var(--nav-text);padding:.4em;display:inline-block;text-decoration:none;border-radius:.3em}.about-code-snippet{display:none}.about-outlet{display:flex;justify-content:center;padding:1em;flex:1 1 auto}.about-side-container{display:flex;flex-direction:column;flex:1 1 auto}.about-pages-title-div{font-size:1.1rem;border-bottom:1px solid rgb(49,65,88)}.about-pages-title{display:inline-block;border-right:1px solid rgb(49,65,88);padding:.7em 1em}.about-main-div{display:flex;height:100%;flex:1}.about-side-panel{border-right:1px solid rgb(49,65,88);border-left:1px solid rgb(49,65,88);display:flex;flex-direction:column}.about-side-title{display:block;font-size:1.1rem;padding:.7em .7em .7em 0;border-bottom:1px solid rgb(49,65,88)}.side-contacts{border-top:1px solid rgb(49,65,88)}.about-contact,ul.personal-li{display:flex;flex-direction:column;gap:.5em}ul.personal-li{list-style:none;padding:.4em 0;margin:0}ul.personal-li li{cursor:pointer}ul.personal-li li:hover{color:var(--link-hover)}@media (width >= 768px){.outlet-div{height:100%;width:100%}.menu-container{display:flex}.menu-container a{border-right:1px solid rgb(49,65,88)}.mobile-nav{display:none}.contact-div{display:flex;flex:1;justify-content:flex-end}.contact-div a{border-left:1px solid rgb(49,65,88)}.contacts-inner-div{flex-direction:row;flex:1 1 auto;border-top:1px solid rgb(49,65,88)}.contacts-side-div{border-right:1px solid rgb(49,65,88)}.home-div-2{display:flex;flex-direction:column;align-items:center;justify-content:center}.owner-name{border-right:1px solid rgb(49,65,88)}.owner-name,.about-side-panel,.contacts-side-div{width:30%;min-width:270px;max-width:350px}.projects-mobile-header{border-bottom:1px solid rgb(49,65,88)}.projects-grid{grid-template-columns:1fr 1fr}}@media (width >= 1240px){.projects-grid{grid-template-columns:repeat(3,1fr);row-gap:1.3em}.code-show{display:flex;flex:1;border-left:1px solid rgb(49,65,88)}.contacts-other-side{display:flex;flex:1 1 auto;padding:.5em}.contact-me-div{flex-direction:column}.interest-headers{font-weight:600;font-style:italic}.about-side-container{width:70%}.about-outlet{padding:0;border-right:1px solid rgb(49,65,88)}.about-outlet-inner{padding:.5em}.about-side-inner-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1em;padding-inline:1em;height:100%}.about-code-snippet{display:block;font-family:Fira Code,monospace;font-size:.8rem;border-left:1px solid rgb(49,65,88);border-right:1px solid rgb(49,65,88);padding:.5em 1em}.about-code-containner{display:flex;flex-direction:column;gap:1em}.about-code{display:flex;flex-direction:column;gap:.6em}.snippet-code{padding:.5em;border-radius:.6em;background-color:var(--snippet-backdrop);border:1px solid rgb(49,65,88)}.code-icons-span{display:inline-flex;align-items:center;justify-content:center;font-size:inherit;padding-left:1em}.about-code-top{display:flex;justify-content:space-between;align-items:center}.about-code-tops{display:flex;align-items:center}.code-writeup{font-size:.8rem}.code-writeup{border-top:1px solid rgb(49,65,88);padding-top:.5em;font-size:.7rem}}*{box-sizing:border-box}.code-display{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;line-height:1.5;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000004d;max-width:100%;overflow-x:auto;display:flex}.code-display__container{display:flex;min-width:fit-content}.code-display__line-numbers{padding:1em;text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid #2d2d30;margin-right:.5em;font-size:1rem;line-height:1.5;min-width:40px}.code-display__line-numbers .line-number{height:1.8rem;display:flex;align-items:center;justify-content:flex-end}.code-display__content{flex:1;padding:16px}.code-display__content .code-line{height:1.8rem;display:flex;align-items:center;white-space:pre;font-family:inherit}.code-display .keyword{color:#615fff;font-weight:400}.code-display .string{color:#ffb86a}.code-display .number{color:#b5cea8}.code-display .comment{color:#6a9955;font-style:italic}.code-display .method,.code-display .property{color:#615fff}@media (max-width: 768px){.code-display__line-numbers{padding:12px 6px 12px 12px;min-width:35px}.code-display__content{padding:12px}}