:root{--nord0: #2e3440;--nord1: #3b4252;--nord2: #434c5e;--nord3: #4c566a;--nord4: #d8dee9;--nord5: #e5e9f0;--nord6: #eceff4;--nord7: #8fbcbb;--nord8: #88c0d0;--nord9: #81a1c1;--nord10: #5e81ac;--nord11: #bf616a;--nord12: #d08770;--nord13: #ebcb8b;--nord14: #a3be8c;--nord15: #b48ead}@font-face{font-family:Hack Nerd Font Mono;src:url(/assets/HackNerdFontMono-Regular-IcpSchWC.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Hack Nerd Font Mono;src:url(/assets/HackNerdFontMono-Bold-BNG4kp7w.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Hack Nerd Font Mono;src:url(/assets/HackNerdFontMono-Italic-CZwZTD1s.woff2) format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Hack Nerd Font Mono;src:url(/assets/HackNerdFontMono-BoldItalic-CDSENuft.woff2) format("woff2");font-weight:700;font-style:italic}::-webkit-scrollbar{width:8px;height:8px;&-track{background:var(--nord0)}&-thumb{background:var(--nord3);border-radius:4px;&:hover{background:var(--nord8)}}}*{scrollbar-width:thin;scrollbar-color:var(--nord3) var(--nord0)}body{font-family:Hack Nerd Font Mono,monospace;height:100dvh;background-color:var(--nord0)}@media(max-width:1024px){body{height:auto}}main{height:97%;display:grid;grid-template-columns:1fr 4fr 1fr;gap:1rem;padding:1rem}@media(max-width:1024px){main{height:100%;display:flex;flex-direction:column}}footer{height:1%;padding:0rem 1rem}@media(max-width:1024px){footer{display:none}}footer>div{padding-top:.3rem;border-top:1px solid var(--nord3);color:var(--nord4);display:flex;gap:1rem}footer>div p{margin:0;font-size:.8rem}#nav-section{display:flex;flex-direction:column;gap:1rem}@media(max-width:1024px){#nav-section{flex-direction:row;top:0;padding-top:1rem;padding-bottom:.5rem;z-index:9999;background-color:var(--nord0);position:sticky}#nav-section>div{display:flex;justify-content:space-between;flex-grow:1}#nav-section>div :not(.nav-label,.nav-position,.mobile-project-list,.mobile-project-list li){display:none}}@media(max-width:640px){#nav-section{display:grid;grid-template-columns:1fr 1fr}}#nav-section>div{border:1px solid var(--nord3);padding:.75rem;position:relative;color:var(--nord4)}#nav-section>div:hover{border-color:var(--nord9)}#nav-section>div .nav-label{font-weight:700;font-size:.8rem;background-color:var(--nord0);position:absolute;top:-.5rem;left:1rem}@media(max-width:1024px){#nav-section>div .nav-label{position:static}}#nav-section>div .nav-position{font-style:italic;font-size:.7rem;position:absolute;background-color:var(--nord0);right:1rem;bottom:-.5rem}@media(max-width:1024px){#nav-section>div .nav-position{position:static}}#home-nav div{font-size:clamp(.4rem,.9rem,.9vw)}#project-nav{flex-grow:1}@media(max-width:1024px){#project-nav{display:none!important}}#project-nav ul{margin:0;list-style-type:none;padding-left:0rem;z-index:9999}#project-nav ul li{font-size:clamp(.4rem,.9rem,.9vw);cursor:pointer;padding:.2rem}#project-nav ul li:hover{color:var(--nord7);background-color:var(--nord3)}#project-nav-mobile{display:none;flex-grow:1;position:relative}#project-nav-mobile ul{width:100%;position:absolute;z-index:9999;left:-.1rem;top:2.4rem;display:none;background-color:var(--nord0);margin:0;list-style-type:none;padding-left:0rem}#project-nav-mobile ul li{font-size:clamp(.4rem,.9rem,.9vw);cursor:pointer;padding:.2rem}@media(max-width:1024px){#project-nav-mobile ul li{font-size:.7rem}}#project-nav-mobile ul li:hover{color:var(--nord7);background-color:var(--nord3)}#project-nav-mobile .mobile-project-list-visible{display:block}#skills-nav div,#contact-nav div{font-size:clamp(.4rem,.9rem,.9vw)}#content-section{height:100%;overflow-y:auto;border:1px solid var(--nord3);padding:.5rem;color:var(--nord4)}@media(max-width:1024px){#content-section{order:3}}.active-content{display:block}.inactive-content{display:none}.ascii-header{white-space:pre;overflow:hidden;font-size:clamp(2px,.7vw,12px);line-height:1.2;text-align:center}@media(max-width:1536px){.ascii-header-1537{display:none}}.ascii-header-1536{display:none;white-space:pre;overflow:hidden;font-size:clamp(2px,.7vw,12px);line-height:1.2;text-align:center}@media(max-width:1536px){.ascii-header-1536{display:block}}.divider-dashed{border-top:1px dashed var(--nord3);margin:.8rem 0}#home-content{@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}}#home-content ul{list-style-type:"*";padding-left:.5rem}#home-content ul #name-intro{font-weight:700;color:var(--nord8)}#home-content ul li{padding-left:.5rem}#home-content ul li::marker{color:var(--nord11);font-weight:700;font-size:1.1rem}#home-content #quote-container #quote{min-height:75px;border:1px dashed var(--nord3);padding:1rem;font-style:italic;color:var(--nord6);margin-top:1rem}#home-content #quote-container .skeleton{background:linear-gradient(90deg,var(--nord1) 25%,var(--nord2) 50%,var(--nord1) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;display:block}#home-content #quote-container .skeleton-text{height:1rem;margin-bottom:.5rem;width:100%}#home-content #galaxy-ascii-art{white-space:pre;overflow:hidden;font-size:clamp(2px,.7vw,12px);line-height:1.2;text-align:center;color:var(--nord7)}#home-content #nav-hint{font-size:.8rem;font-style:italic;color:var(--nord6)}#project-content>div{height:100%;padding:1rem;display:grid;grid-template-columns:3fr 1fr;grid-template-rows:auto 1fr;gap:1rem}@media(max-width:1280px){#project-content>div{display:flex;flex-direction:column}}#project-content>div>div{position:relative;padding:.8rem}#project-content>div>div>span:nth-child(1){position:absolute;top:-.7rem;left:.5rem;background-color:var(--nord0);color:var(--nord7);font-weight:700;padding:.2rem;font-size:.8rem}#project-content>div .project-info{grid-column:1 / span 2;grid-row:1/2;border:1px solid var(--nord7)}@media(max-width:1280px){#project-content>div .project-info{order:0}}#project-content>div .project-info .project-hash{color:var(--nord13)}#project-content>div .project-info .project-author{color:var(--nord15)}#project-content>div .project-info .project-date{color:var(--nord8)}#project-content>div .project-info .project-title{font-weight:700;font-size:1.2rem}#project-content>div .project-details{grid-column:1/2;grid-row:2/-1;border:1px solid var(--nord7);display:flex;flex-direction:column}@media(max-width:1280px){#project-content>div .project-details{order:2}}#project-content>div .project-details .project-image-container{width:100%;aspect-ratio:16 / 9}#project-content>div .project-details .project-image-container>img,#project-content>div .project-details .project-image-container video{width:100%;height:100%;object-fit:cover}#project-content>div .project-details .project-image-container-mobile{aspect-ratio:9 / 16!important;height:600px!important}#project-content>div .project-details .project-image-container-mobile>img,#project-content>div .project-details .project-image-container-mobile video{object-fit:contain!important}#project-content>div .project-meta{grid-column:2/3;grid-row:2/-1;border:1px solid var(--nord7)}@media(max-width:1280px){#project-content>div .project-meta{order:1}}#project-content>div .project-meta>p{color:var(--nord15)}#project-content>div .project-meta>ul{list-style-type:"•";padding-left:0}#project-content>div .project-meta>ul li{font-size:.9rem;margin-bottom:2px;padding-left:.5rem}#project-content>div .project-meta .meta-actions{display:flex;flex-direction:column;gap:.5rem}#project-content>div .project-meta .meta-actions a{border:1px solid var(--nord7);color:var(--nord6);padding:.3rem;text-decoration:none}#skills-content .skills-category-container{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:1280px){#skills-content .skills-category-container{grid-template-columns:repeat(2,1fr)}}#skills-content .skills-category{border:1px solid var(--nord3);position:relative}#skills-content .skills-category .skill-category-label{font-weight:700;font-size:.8rem;position:absolute;top:-.5rem;left:.5rem;background-color:var(--nord0);color:var(--nord7)}#skills-content .skills-category:hover{border-color:var(--nord10)}#skills-content .skills-category:hover .skill-category-label{color:var(--nord10)}#skills-content .skills-category ul{list-style-type:none;padding-left:.5rem;padding-right:.5rem}#skills-content .skills-category ul li{display:flex;justify-content:space-between;padding:5px;font-size:.9rem;cursor:pointer}#skills-content .skills-category ul li:hover{color:var(--nord7);background-color:var(--nord3)}#skills-content .skills-category ul li:hover :nth-child(1):before{content:"➤";color:var(--nord7);margin-right:.5rem}#skills-content #skill-details{position:relative;display:flex;border:1px solid var(--nord3);margin-top:1rem;padding:.5rem}#skills-content #skill-details #skill-details-label{position:absolute;top:-.5rem;font-size:.8rem;font-weight:700;left:.5rem;background-color:var(--nord0);color:var(--nord7)}#skills-content #skill-details #skill-overview{border-right:1px dashed var(--nord3);width:30%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;flex-basis:min-content;padding:1rem 4rem}#skills-content #skill-details #skill-overview :nth-child(1){margin:0;font-weight:700;font-size:2.5rem;color:var(--nord15)}#skills-content #skill-details #skill-overview :nth-child(2){margin:0;font-size:.8rem;font-style:italic;color:var(--nord13)}#skills-content #skill-details #skill-overview :nth-child(3){border:1px solid var(--nord12);padding:.2rem;font-weight:700;font-size:.7rem;color:var(--nord12)}#skills-content #skill-details #skill-description{margin-left:1rem;font-size:.9rem}#skills-content #skill-details #skill-description p{color:var(--nord8)}#skills-content #skill-details #skill-description p span{color:var(--nord14);font-weight:700}#skills-content #skill-details #skill-description p:nth-child(3){border-left:2px solid var(--nord15);padding-left:.5rem}#contact-content table{font-size:.9rem;width:100%;border-collapse:collapse}#contact-content table th,#contact-content table td{border:1px solid var(--nord3);padding:.5rem;text-align:left;color:var(--nord4)}#contact-content table th{background-color:var(--nord2);color:var(--nord6)}#contact-content table tr:hover{background-color:var(--nord3)}#contact-content table td a{color:var(--nord7);font-weight:700}#contact-content table td a:hover{color:var(--nord10)}#process-section{display:flex;flex-direction:column;gap:.5rem}#process-section>div{border:1px solid var(--nord3);padding:.5rem;position:relative;color:var(--nord4)}#process-section #spotify-widget>img{min-height:100px}@media(max-width:1280px){#process-section #spotify-widget>img{min-height:75px;max-height:75px}}#process-section #experience-widget>div:nth-child(1){display:flex;color:var(--nord3);gap:.5rem;font-size:.8rem}#process-section #experience-widget>div:nth-child(1)>div{border-bottom:1px solid var(--nord3);flex-grow:1;height:1px;justify-self:end;align-self:center}#process-section #experience-widget p{margin:0}#process-section #experience-widget #current-time{color:var(--nord14);font-size:1.5rem;margin-top:1rem}#process-section #experience-widget #current-date{color:var(--nord3);font-size:.8rem}#process-section #experience-widget>ul{list-style:none;padding-left:0;font-size:.8rem}#process-section #experience-widget>ul>li{display:flex;gap:.5rem;margin-bottom:.5rem}#process-section #experience-widget>ul>li span{color:var(--nord11);font-weight:700}#process-section #experience-widget>ul>li .experience-info{flex-grow:1}#process-section #experience-widget>ul>li .experience-info>div{display:flex;gap:.5rem;justify-content:space-between}#process-section #experience-widget>ul>li .experience-info>p{font-size:.6rem}*,:after,:before{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
