@font-face{font-family:DM Sans;src:local("DM Sans"),url(/_next/static/media/DMSans-Regular.323a9053.ttf) format("ttf")}@font-face{font-family:VT323;src:local("VT323"),url(/_next/static/media/VT323-Regular.f4a4501e.ttf) format("ttf");font-style:normal}*{padding:0;margin:0;box-sizing:border-box;font-family:var(--font-family)}body{background-color:var(--color-bg)}a,h1,h2,h3,h4,h5,li,p,span{color:var(--color-primary)}.screenreader-only{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.page-title-bar{width:100%;height:4.125rem;display:flex;justify-content:center;align-items:center;border:1px solid var(--color-primary);border-left:0;margin-bottom:1.563rem}@media only screen and (max-width:74.188rem){.page-title-bar{border-right:0}}.page-title{font-size:2.25rem;font-weight:1}.page-title__url{text-decoration:none}.opacity-0{opacity:0!important}.opacity-1{opacity:1!important}.transition-0{transition:0s!important}@media only screen and (min-width:74.188rem){.hidden-when-large-screen{display:none}}@keyframes fade-in-animation{0%{transform:translateY(-1.25rem);opacity:0}to{transform:translateY(0);opacity:1}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg);border-left:1px solid var(--color-primary)}::-webkit-scrollbar-thumb{border-top:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@supports(scrollbar-color:var(--color-primary ) var(--color-bg )){*{scrollbar-color:var(--color-primary) var(--color-bg);scrollbar-width:auto}}.tooltip{position:absolute;z-index:12;transform:translate(-50%,calc(-100% - 1rem));padding:.625rem;border:1px solid var(--color-primary);background:var(--color-accent)}.canvas__full-screen{width:100%;height:100%;display:block}.mountain-range-scene-section{height:100vh;display:flex;justify-content:center;flex-direction:column;align-items:center;background:var(--color-accent)}.mountain-range-scene-section__text{z-index:3;text-align:center;border:1px solid var(--color-primary);background:var(--color-bg);padding:1rem;box-shadow:2px 2px 10px #000;transition:1s ease-out}.mountain-range-scene{overflow:hidden;display:flex;justify-content:center;position:fixed;left:50%;transform:translateX(-50%);height:100vh!important;width:100%;background:#000;z-index:2}.mountain-range-scene-canvas{height:100vh;width:177.7777777778vh}.play-controls{position:fixed;z-index:3;bottom:2.563rem;list-style:none;display:flex;align-items:center;background:var(--color-bg);border:1px solid var(--color-primary);padding:.375rem;transition:1s}.play-controls li:last-child{margin-right:0}.play-controls button{padding:.625rem;cursor:pointer;background:none;display:flex;min-width:3.063rem;justify-content:center;align-items:center;border:none}.play-controls button svg{fill:var(--color-primary)}.play-controls button:hover svg{fill:var(--color-alternate-accent)}.play-controls--hidden{opacity:0;bottom:1.25rem}.play-controls__icon{height:1.563rem}.intro-page{width:100%;height:100vh;position:relative}.intro-page h4{margin-bottom:.625rem}.intro-page__content{position:absolute;display:flex;flex-direction:column;max-width:100%;left:50%;transform:translateX(-50%);top:10.813rem;border:1px solid var(--color-primary);background:var(--color-accent);padding:4.125rem;text-align:center}.intro-page__content h1,.intro-page__content h4{white-space:nowrap}.intro-page__content h4{font-size:1.25rem}@media only screen and (max-width:45.813rem){.intro-page__content{padding:4.125rem}.intro-page__content h1{font-size:2.25rem}.intro-page__content h4{font-size:1rem}}@media only screen and (max-width:28.313rem){.intro-page__content{overflow-wrap:normal;text-overflow:wrap;padding:2.563rem;overflow:auto;word-wrap:break-word;text-align:center}.intro-page__content h1{text-align:center;white-space:normal;text-overflow:ellipsis;font-size:1.5625rem}.intro-page__content h4,.intro-page__content span{white-space:normal;font-size:.875rem}}.intro-page__title{font-size:3rem}.intro-page__sub-title{margin-bottom:.625rem}.intro-page__sub-title--big{font-size:3rem}.intro-page__links a{margin-right:.625rem}.intro-page__links a:last-child{margin-right:0}.emojis{transition:.5s}.emojis-fall{transform:rotateX(90deg)}.corner-bracket-box{position:absolute;height:100%;width:100%;pointer-events:none}.bracket-line{position:absolute;z-index:3}.horizontal{height:2px;width:40px}.vertical{height:40px;width:2px}.top-left{top:0;left:0}.top-right{top:0;right:0}.bottom-right{bottom:0;right:0}.projects-page{height:calc(100vh - 4.125rem);display:flex}.offset-zoomer{cursor:crosshair;overflow:hidden}.offset-zoomer,.zoomable-image{width:100%;height:100%;display:block}.zoomable-image{object-fit:contain;object-position:center;transition:.3s ease}nav{height:4.125rem;align-items:center}nav,nav ul{display:flex}nav ul{padding-left:1rem;font-size:1.25rem;list-style:none}nav ul li{margin-right:1.563rem}nav ul li a{text-decoration:none}.nav-link-current-page,nav ul li a:hover{text-decoration:underline}.full-screen-image-viewer{position:fixed;z-index:11;top:0;left:0;width:100vw;height:100vh;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#000}.full-screen-image-viewer img{max-width:100%;max-height:100%}.project-details__description{animation:fade-in-animation 1s;animation-delay:.6s;opacity:0;animation-fill-mode:forwards}.project-details__description p{margin-bottom:1rem}.project-details__description ul{list-style-position:inside;margin-bottom:1rem}.project-details__tagline-with-project-links{animation:fade-in-animation 1s;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}@media only screen and (max-width:28.313rem){.project-details__tagline-with-project-links{flex-direction:column}}.project-details__tagline{font-size:1.5625rem}@media only screen and (max-width:28.313rem){.project-details__tagline{margin-bottom:.625rem}}.project-details__dates{font-size:1rem}.project-link-button,.project-links{display:flex;align-items:center}.project-link-button{border:1px solid var(--color-primary);justify-content:center;text-decoration:none;background:none;cursor:pointer;height:2.563rem;padding-left:1rem;padding-right:1rem;margin-right:1rem}.project-link-button:nth-child(3){margin-right:0}.project-link-button:hover{background:var(--color-accent)}@media only screen and (max-width:74.188rem){.project-link-button{display:none}}.project-link-button--accent{background:var(--color-alternate-accent);color:var(--color-accent);border:1px solid var(--color-accent)}.project-link-button--accent:hover{color:var(--color-primary);border:1px solid var(--color-primary)}.project-link-icon-container{margin-right:1rem}.project-link-icon-container:last-child{margin-right:0}@media only screen and (min-width:74.188rem){.project-link-icon-container{display:none}}.project-link-icon{height:2.563rem;width:2.563rem;fill:var(--color-primary);cursor:pointer}.project-link-icon:hover{fill:var(--color-alternate-accent)}.project-details__images{display:flex;width:100%;max-width:100%;flex-wrap:wrap}.project-details__image-container{animation:fade-in-animation 1s;animation-delay:.3s;opacity:0;animation-fill-mode:forwards;height:28.313rem;width:-moz-fit-content;width:fit-content;overflow:hidden;border:1px solid var(--color-primary);margin-bottom:1rem}@media only screen and (max-width:74.188rem){.project-details__image-container{max-width:100%;background:blue;height:auto}}.project-details__image-container img{object-fit:contain;height:100%;width:100%;display:block;cursor:pointer}.project-details__image-container:first-child{margin-right:1rem}.project-details__video-iframe{width:100%;max-width:45.813rem;height:28.313rem;margin-bottom:1rem}.project-details__technologies-name{margin-bottom:.625rem}.project-details__technologies-name,.project-details__technology-icons-container{animation:fade-in-animation 1s;animation-delay:.3s;opacity:0;animation-fill-mode:forwards}.project-details__technology-icons-container{width:100%;display:flex;flex-wrap:wrap}.project-list-li{position:relative;margin-bottom:1rem;transition:.3s;border:1px solid var(--color-primary);border-bottom:0;margin-right:1rem}@media only screen and (min-width:74.188rem){.project-list-li{overflow:hidden}.project-list-li--collapsed{border-left:none}}.project-list-li__details-container{transition:.6s;display:grid;grid-template-rows:0fr}.project-list-li__expanded-details{overflow:hidden;grid-row:1/span 2;padding:1rem 1rem 0}@media only screen and (min-width:74.188rem){.project-list-li__expanded-details{display:none;padding:0}}@media only screen and (max-width:74.188rem){.project-list-li__details-container--expanded{border-bottom:1px solid var(--color-primary);grid-template-rows:1fr}}.project-list-li__main-bar{color:inherit;text-decoration:none;transition:.6s;width:100%;padding-left:1.25rem;height:4.125rem;cursor:pointer;position:relative;border-bottom:1px solid var(--color-primary);display:flex;align-items:center}.project-list-li__main-bar:hover{background:var(--color-accent)}@media only screen and (min-width:74.188rem){.project-list-li__main-bar--collapsed-left{justify-content:center}}.project-list-li__title{font-size:1.563rem;margin-right:1.563rem;min-width:17.5rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media only screen and (max-width:29.913rem){.project-list-li__title{min-width:0;font-size:1.25rem;margin-right:2.563rem}}.project-list-li__tagline{margin-right:2.563rem}@media only screen and (max-width:45.813rem){.project-list-li__tagline{display:none}}.project-list-li__main-bar--active{background:var(--color-accent)}.project-list-li__expand-button{height:1.563rem;width:1.563rem;border:none;cursor:pointer;background:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:none}@media only screen and (max-width:29.913rem){.project-list-li__expand-button{height:1.25rem;width:1.25rem}}@media only screen and (max-width:74.188rem){.project-list-li__expand-button{display:block}}.project-list-li__expand-button-icon{width:100%;height:100%;fill:var(--color-primary);transform:rotate(-90deg);transition:transform .3s}.project-list-li__expand-button-icon--expanded{transform:rotate(90deg)}.project-list-li__image-container{width:4.125rem;display:flex;justify-content:center;height:2.563rem;margin-right:4.125rem}.project-list-li__image-container img{height:100%;display:block}@media only screen and (max-width:29.913rem){.project-list-li__image-container{height:1.563rem;margin-right:1.563rem}}@media only screen and (min-width:29.913rem){.project-list-li__image-container--collapsed-left{margin-right:1.25rem}}.projects-page__left-box{width:61.8%;max-height:calc(100% - 2.563rem);transition:.5s}@media only screen and (max-width:74.188rem){.projects-page__left-box{width:100%}}.projects-page__left-box ::-webkit-scrollbar-track{background:var(--color-bg);border-top:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary)}@media only screen and (min-width:74.188rem){.projects-page__left-box--collapsed{width:10.813rem}}.project-page-title-bar{width:100%;margin-bottom:1.563rem}.project-page-title-bar__content{height:4.125rem;display:flex;justify-content:center;align-items:center;border:1px solid var(--color-primary);border-left:0;margin-right:1rem}@media only screen and (max-width:74.188rem){.project-page-title-bar__content{border-right:0;margin-right:0}}@media only screen and (min-width:74.188rem){.projects-page-title-bar--collapsed{padding:0;min-width:0}.projects-page-page-title--collapsed{display:none}}.projects-page-unselect-project-button{padding:1rem;display:none;border:none;height:100%;width:100%;background:none;cursor:pointer}.projects-page-unselect-project-button:hover{background:var(--color-accent)}.project-page-unselect-project-button__arrow-shape{fill:var(--color-primary);height:100%}@media only screen and (min-width:74.188rem){.projects-page-unselect-project-button--collapsed{display:inline}}.project-list{padding-left:1rem;list-style:none;overflow-y:auto;max-height:calc(100% - 4.125rem);transition:.3s}@media only screen and (min-width:74.188rem){.project-list--collapsed{padding-left:0}}.project-list-overflowing{margin-right:1rem}.project-link{margin-right:.375rem}.project-link:last-child{margin-right:0}.projects-page-right-box{transform:rotateY("45deg");width:38.2%;transition:width .3s ease;padding-left:0;padding-right:1rem;padding-bottom:1rem;display:flex;flex-direction:column}@media only screen and (max-width:74.188rem){.projects-page-right-box{display:none}}.projects-page-right-box--expanded-right{width:100%}.projects-page-right-box__title-bar{width:100%;height:4.125rem;display:flex;justify-content:center;align-items:center;border:1px solid var(--color-primary)}.projects-page-right-box__project-details-container{border-right:1px solid var(--color-primary);border-left:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary);padding:1.563rem 1.563rem 0;flex:1 1;overflow-y:auto;overflow-x:auto}.snow-canvas-container{height:100vh;width:100%;position:absolute}.web-tech-icon__container{position:relative;margin-bottom:.625rem;padding-left:.375rem;padding-right:.375rem}.web-tech-icon__container:first-child{padding-left:0}.web-tech-icon__container:last-child{padding-right:none}.web-tech-icon{height:2.563rem;transition:.3s}.web-tech-icon--monochrome{fill:var(--color-primary)}.web-tech-icon--color{position:absolute;opacity:0}.web-tech-icon__name{position:absolute;z-index:2;padding:.625rem;min-width:6.688rem;text-align:center;left:50%;top:calc(-100% - .625rem);transform:translateX(-50%);background:var(--color-bg);border:1px solid var(--color-primary)}@font-face{font-family:DM Sans;src:url(/_next/static/media/DMSans-Regular.323a9053.ttf);font-weight:400;font-style:normal}@font-face{font-family:DM Sans;src:url(/_next/static/media/DMSans-Bold.f67a25ea.ttf);font-weight:700;font-style:normal}@font-face{font-family:DM Sans;src:url(/_next/static/media/DMSans-Italic.6e01a5c4.ttf);font-weight:400;font-style:italic}:root,[data-theme=default]{--color-bg:#162229;--color-primary:#9ba8b8;--color-accent:#080b11;--color-faded:#656b72;--color-highlight:#bcd2e8;--color-danger:#a52026;--color-danger-highlight:#e42933;--color-success:#028a7e;--color-alternate-accent:pink;--color-warning:#fb0;--font-family:"DM Sans"}*{color:var(--color-primary)}