@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap);::selection{color:#ff87c3;color:var(--pinkColor)}::-moz-selection{color:#ff87c3;color:var(--pinkColor)}:root{--color-switch:#fff;--color-pink:#8aff92;--color-pink02:#ff8ad2;--color-green:#8aff92;--color-grey:#b5b5b5;--color-background:#eee;--padding-global:1rem;--mainColor:#8aff92;--secondColor:grey;--pinkColor:#ff87c3}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;margin:0;padding:0;scrollbar-width:none;text-rendering:optimizeLegibility}::-webkit-scrollbar{display:none}@font-face{font-family:Inter-Regular;font-style:normal;font-weight:400;src:url(/static/media/Inter-Regular.85c128721035823e5405.woff2) format("woff2")}@font-face{font-family:Inter-Light;font-style:normal;font-weight:400;src:url(/static/media/Inter-Light.8b60946b13251c212cac.woff2) format("woff2")}@font-face{font-family:Inter-SemiBold;font-style:normal;font-weight:400;src:url(/static/media/Inter-SemiBold.594041393209f0003754.woff2) format("woff2")}@font-face{font-family:Jetbrain-Regular;font-style:normal;font-weight:400;src:url(/static/media/JetBrainsMono-Regular.1d9e47ce7f6576ce7bae.woff2) format("woff2")}body,html{font-family:sans-serif;font-family:Inter,sans-serif;font-family:Inter-Light,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.project-list-img-info-row{align-items:flex-end;display:flex;flex-direction:row;margin-bottom:0;max-width:min(75vw,650px);width:100%}@media(max-width:768px){.project-list-img-info-row{max-width:100vw}}.project-list-info-outside{align-self:flex-end;box-sizing:border-box;margin-bottom:.2rem;margin-left:1.5rem;min-width:0;padding:.5rem 1rem}.project-list-info-overlay{color:var(--secondColor);color:var(--pinkColor);font-size:.8rem;padding:1rem;pointer-events:none;position:fixed;right:0;text-align:end;top:85%;transform:translateY(-50%);white-space:nowrap;z-index:1000}.project-list-info-overlay p{display:inline;margin:0;padding:0}.project-list-img-wrapper{flex:0 0 auto;min-width:180px;width:60%}@media(max-width:768px){.project-list-img-wrapper{flex:0 0 100vw;min-width:0;width:100vw}}.project-list-title-sticky{color:var(--pinkColor);font-size:1.3rem;margin-bottom:-2.2rem;overflow:hidden;padding-right:1rem;padding-top:.3rem;pointer-events:none;position:-webkit-sticky;position:sticky;text-align:right;text-overflow:ellipsis;top:0;white-space:nowrap;width:100%;z-index:10}.project-list-year-bottom-right{bottom:35%;color:var(--pinkColor);display:none;font-size:1rem;position:absolute;right:10%;white-space:nowrap;z-index:3}.project-list-info{box-sizing:border-box;flex:1 1;max-width:40%;min-width:0;padding:.5rem 1rem}.project-list-info-title{margin-bottom:.2rem}.project-list-info-year{margin-left:.7rem}.project-list-info-tags{margin-bottom:.4rem}.project-list-info-desc{margin-top:.2rem}.scrollable-homepage{display:block;height:100vh;min-height:100vh;overflow:hidden}.project-list-vertical{gap:0;margin:0;max-height:calc(100vh - 8rem);max-width:100vw;overflow-y:auto;width:100%}.project-list-item,.project-list-vertical{align-items:flex-start;display:flex;flex-direction:column}.project-list-item{margin-bottom:0;margin-left:0;max-width:min(75vw,650px);width:min(75vw,650px)}@media(max-width:768px){.project-list-item{max-width:100vw}}.project-list-img-wrapper{display:block;height:auto;max-width:min(75vw,650px);position:relative;width:100%}@media(max-width:768px){.project-list-img-wrapper{max-width:100vw}}.project-list-img{border-radius:0;box-shadow:none;cursor:pointer;display:block;filter:grayscale(100%);height:auto;max-width:min(75vw,650px);object-fit:cover;transition:filter .3s;width:100%}@media(max-width:768px){.project-list-img{max-width:100vw;width:100vw}}.project-list-vertical{opacity:0;transition:opacity .8s ease-in-out}.images-loaded .project-list-vertical{opacity:1}.project-list-img-wrapper+.project-list-img-wrapper{margin-top:0}.project-list-img-wrapper{margin-bottom:0}.project-list-img-wrapper:hover .project-list-img,.project-list-img:focus{filter:grayscale(0)}.project-list-title-overlay{align-items:center;background:#00000073;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .2s;width:100%;z-index:2}.project-list-img-wrapper:hover .project-list-title-overlay{opacity:1;pointer-events:auto}.project-list-mobile-desc{display:none}@media(max-width:768px){.project-list-mobile-desc{bottom:.6rem;color:var(--pinkColor);display:block;font-size:.6rem;left:.6rem;pointer-events:none;position:absolute;text-align:left;z-index:5}.project-list-mobile-desc p{display:inline;margin:0;padding:0}}.about-tag-btn.selected{background:#e05fa7;border:2px solid #fff;color:#fff}.tag-project-list{list-style:none;margin-top:1.5rem;padding-left:0}.tag-project-list .tag-project-title{color:#222;font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.homepage{background-color:var(--secondColor);height:100vh;overflow:hidden;position:relative;width:100vw}.homepage .project-description{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1rem 1rem 4rem}.homepage .project-description p{color:var(--mainColor);color:var(--secondColor);color:#bbb;font-size:1rem;letter-spacing:-.02em}.homepage .project-description p a{color:var(--pinkColor);text-decoration:none}.homepage .project-description p a:hover{text-decoration:underline}.homepage .about-tags{align-items:center;display:flex;display:none;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-bottom:2rem;margin-top:2rem}.homepage .about-tags .about-tag-btn{border:none;color:#fff;cursor:pointer;font-size:1.2rem;transition:background .2s,color .2s}.homepage .about-tags .about-tag-btn:hover{background:#e05fa7}.homepage .project-hover-year{color:var(--pinkColor);font-size:.7rem;font-weight:500}@media(max-width:768px){.homepage .project-hover-year{font-size:.6rem}.homepage.scrollable-homepage{height:auto;min-height:100vh;overflow-x:hidden;overflow-y:visible}.project-list-vertical{max-height:none;max-width:100vw;overflow:visible}}.gradient-logo-container{pointer-events:none;position:fixed;right:2vw;top:50%;transform:translateY(-50%);z-index:1001}.gradient-logo-container img{display:block;height:75px;width:75px}
/*# sourceMappingURL=main.f1516eb5.css.map*/