.borderred{border:solid 1px red}.borderblue{border:solid 1px blue}html{font-size:16px}*{margin:0;padding:0}:root{--light-color:#FAF9F6;--dark-color:#161616;--accent-color: #a56968;--transparent-color: #00000000;--badge-new: #2a5304;--badge-in-progress: #735806;--badge-sample: #5c1e21;--header-font: "Gloock", serif;--body-font: "Lato", serif;--badge-size: clamp(.75rem, 1vw, 1.5vw);--body-size: clamp(1rem, 1vw, 2rem);--clock-size: clamp(1.618rem, 1.618vw, 3.2rem);--title: clamp(4rem, 7vw, 8rem);--secondary: clamp(3rem, 5vw, 5rem);--project: clamp(1.5rem, 2vw, 4rem);--nav: clamp(2rem, 3vw, 4rem)}.title-font{font-size:var(--secondary);font-family:var(--header-font);font-weight:500;color:var(--light-color);line-height:1}.standout{font-family:Climate Crisis,sans-serif;font-weight:400;font-size:var(--title);color:var(--light-color);line-height:1;margin-top:1rem}.nav-font{font-size:var(--project);font-family:var(--header-font);font-weight:500;color:var(--light-color);transition:color .25s ease-in-out;line-height:1;display:inline-block;vertical-align:bottom;margin-bottom:-4px}.nav-font:hover{color:var(--accent-color)}.secondary-font{font-size:var(--secondary);font-family:var(--header-font);font-weight:400;color:var(--light-color);display:inline-block;vertical-align:bottom;line-height:1}.body-font-extra-light{color:var(--light-color);font-family:var(--body-font);font-weight:100}.body-font-light{color:var(--light-color);font-family:var(--body-font);font-weight:300;font-size:var(--body-size);line-height:1.5}.body-font-mono{color:var(--light-color);font-family:B612 Mono,monospace;font-weight:300;font-size:var(--body-size);line-height:1.5}.project-title{color:var(--light-color);font-family:var(--header-font);font-weight:300;font-size:var(--project);line-height:1.5}.badge-font{color:var(--light-color);font-family:var(--header-font);font-size:var(--badge-size);line-height:1}.clock-font{color:var(--light-color);font-family:var(--body-font);font-weight:300;font-size:var(--clock-size)}.button{display:inline-block;border:1px solid var(--light-color);padding:.5rem 2rem;background-color:var(--transparent-color);transition:background-color .5s ease-in-out,color .5s ease-in-out}.button:hover{background-color:var(--light-color);color:var(--dark-color)}.spacer{display:block;height:2rem}.header-gap{margin-bottom:4rem}.subheader-gap{margin-bottom:2rem}.block{display:block}.content{width:79.6%;height:100%}.margin-bottom{margin-bottom:4rem}body{cursor:none;box-sizing:border-box;min-height:100vh;min-width:100vw;height:100vh;width:100vw;overflow-y:scroll;overflow-x:hidden;display:flex;flex-direction:column;margin:0;padding:2%;position:relative;background-color:var(--dark-color);-ms-overflow-style:none;scrollbar-width:none}.body::-webkit-scrollbar{display:none}a{padding:0;margin:0;text-decoration:none}a:hover{cursor:none}p{padding:0;margin:0}.blur{filter:blur(4px);transition:filter .75s ease-in-out}[data-barba=container]{opacity:1;transition:opacity .5s ease-in-out}.barba-leave-active,.barba-enter-active{opacity:0}.barba-enter-to{opacity:1}#flower-image.hide{opacity:0}@keyframes slideUpAndFade{0%{transform:translateY(25px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(25px)}to{transform:translateY(0)}}@keyframes grainOscillate{0%{background-position:0 0}50%{background-position:-150px -150px}to{background-position:150px 150px}}#grain{pointer-events:none;position:fixed;inset:0;z-index:9999;background-image:url(/assets/grain-D8cD9YlB.png);background-repeat:repeat;opacity:.3;animation:grainOscillate 1.5s steps(10) infinite}#custom-cursor{position:fixed;top:10%;left:15%;width:20px;height:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALwSURBVHgBxVe9chJRFP7Ogcmkkawdndg6DAmV6aCzNF3K4BOAT6B5AskTSEq7tFaGTitIRGvSJVVItMgoucdz7t4laELYIez4zSx7Z+/d85275+d+EFLgvNeL8nlsgHIvHaROQEkfR2F6BFBfn/XFoVuoVA7S2KS5hCv5pohrTRHNszgkcGf8a7z/uFodzl42Az+/HzWdw9uEUIChOnBCgqG+pbv0F4RolZwUQVIkyq3ro2LiAMTtFsrVTmriH4PjdwJpJYRwrusNpYFoGJhrIRz6GrUflSuv5xJffjt+D5GGTlw5ka5a+oyFQJtMVFPHV3XcKZQrr2YST+10BHf9QT/jKR4AEg0B57Z1GP27c04Gl4New0htp8sgNXgbastsmu2LQa81ccp+NHtLuRX+ZPERkY+Lf95ZoE0ieqGD0fVv91SzfeR3nF/hHU9qibR0UoO3OdQr4jz7XXtiJWz4ecvejCDBNhGa1h/48ri35UsAOE1dMosgtm1XBO2CLIR6mOojYzhtQHZn4i0tNbJuY5/iDBnDd70YNY0xbXhifnj5zGeO26x1NUuuKPZGrpA9RuEeMf4TeOIFcbpj7wHQfFoNwxETQsCdy5xY7PiMXeizpnhc2ExPkDUoJta+fcQOCFKFSsgYHAsF3aQ7ZIx947A4l0IHywbxWVC086DwrHrAdlKopNmLPeEaMgLlgm3Bvt18Obkx2gi7JuLnWDpoMzn93Nh1JsR+13C7YVVdQEUsCaZCTAL5sXIkynPSQNbK1Xb45Ku6cHsZ5In0Md2l19604rwl9i4GRx19uAOTQMChOvMFC+FG7Om1v1Zeb/w1e9crF197bY11M6xQfSzqgJwgDR1pPyCqJxViO1XS1q11swzE4o/fJPoYJtzEWemdau2fTR0qkZKt6b+HkpCUpgg1Wd2uhfBOB3EPTARyXmUR8c7EgTnwhJorVimWtLPWEVLiXCWSNva6CQdNvA26+WujxsXC0fVdUBvSfYQJ/gDa1kWg2giWyAAAAABJRU5ErkJggg==);background-size:cover;background-repeat:no-repeat;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);transition:transform .2s ease-out,width .2s ease-out,height .2s ease-out}#custom-cursor.enlarged{width:23px;height:23px;transform:translate(-50%,-50%) scale(1.25)}#live-clock{animation:slideUpAndFade 1s forwards}.main-wrapper:has(li:hover)+picture img#flower-image{--hover-blur: 6px !important}#flower-image{--page-blur: 0px;--hover-blur: 0px;filter:blur(var(--hover-blur));aspect-ratio:16/9;position:fixed;bottom:0;right:0;z-index:-1;width:50%;animation:slideUp 1.75s forwards;transition:filter .25s ease-in-out,opacity .25s ease-in-out}.main-wrapper{width:100%;height:100%;display:flex}.home{display:flex;flex-direction:column;justify-content:space-between;height:100%}.content h1{animation:slideUpAndFade 1.5s forwards}.content .standout{animation:slideUpAndFade 2s forwards}.button{animation:slideUpAndFade .75s forwards}.CTA-container{width:100%}.hero-paragraph{width:30%;margin-bottom:2rem;animation:slideUpAndFade 1.25s forwards}.navigation{width:20.4%;display:flex;flex-direction:column;height:100%;justify-content:flex-start;gap:4rem}header{box-sizing:border-box;width:100%;height:10%;display:flex;justify-content:flex-end;align-items:flex-start}header:has(a img:hover)~img{filter:blur(6px)!important}#logo-link-wrapper{display:flex;justify-content:flex-start;width:max-content}picture{display:flex;justify-content:flex-end}#logo{width:100%;animation:slideUpAndFade 1s forwards}nav{display:flex;justify-content:flex-end;height:71%}ul{justify-content:flex-start;gap:2rem;height:100%;padding:0;margin:0;display:flex;flex-direction:column;align-items:flex-end;list-style-type:none;transform:translateY(15px);animation:slideUpAndFade 1.5s forwards}li a{text-decoration:none}footer{display:flex;justify-content:space-between;align-items:flex-end;height:15%}footer p{animation:slideUpAndFade 1s forwards}.aboutMe__main{min-height:100%;height:max-content;display:flex;align-items:flex-start;margin:3rem 0}.aboutme__text-container{padding:1rem 0;width:50%;animation:slideUpAndFade 1s forwards}.aboutme__img-container{width:50%;height:80vh;display:flex;justify-content:flex-end;align-items:center;position:relative}#aboutme-img1,#aboutme-img2,#aboutme-img3{object-fit:cover;position:absolute;filter:brightness(.75) blur(.5px);border:solid var(--light-color) 4px;transition:z-index .1s ease-in-out,filter .25s ease-in-out}#aboutme-img1{top:10%;left:30%;z-index:1;aspect-ratio:1/1;width:40%;animation:slideUpAndFade 2s forwards}#aboutme-img2{top:20%;right:0;z-index:2;aspect-ratio:9/16;width:38%;animation:slideUpAndFade 1.25s forwards}#aboutme-img3{top:65%;z-index:0;left:25%;aspect-ratio:3/2;width:55%;animation:slideUpAndFade 1.5s forwards}#aboutme-img3:hover,#aboutme-img2:hover,#aboutme-img1:hover{z-index:999;filter:brightness(1) blur(0px)}.my-work-main{display:flex;justify-content:center;align-items:center}.bento-container{height:100%;width:100%;display:flex;flex-wrap:wrap;gap:20px}.bento__square-item{aspect-ratio:1/1;height:50%;animation:slideUpAndFade 1.5s forwards}.bento__rec-item{aspect-ratio:3/2;height:50%;animation:slideUpAndFade 1.25s forwards}.bento__link{width:100%;display:block;height:100%;position:relative}.bento__link:hover img{filter:brightness(.15)}.bento__link:hover .bento__overlay{opacity:1}.bento__overlay{line-height:1;position:absolute;text-align:center;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease-in-out}.bento__link img{filter:brightness(1);transition:filter .5s ease-in-out}.bento__image-rec{object-fit:cover;object-position:left;width:100%;height:100%}.bento__image-square{object-fit:cover;object-position:center;width:100%;height:100%}.contact-main{display:flex;justify-content:space-between;align-items:flex-start}.contact__text-container{height:100%;width:50%;display:flex;flex-direction:column;justify-content:space-between;animation:slideUpAndFade 1s forwards}.contact__paragraph{width:80%}.email{transition:color .25s ease-in-out}.email:hover{color:var(--accent-color)}.contact__img-container{width:50%;height:100%;display:flex;justify-content:flex-end;align-items:center}#contact-img{height:60vh;animation:slideUpAndFade 1.25s forwards}@media (max-width: 600px){:root{--title: clamp(3rem, 6vw, 6rem)}body{padding:2%;overflow:scroll;height:max-content}#grain{opacity:.5}#live-clock{text-align:center;width:100%}.content,.navigation{width:100%}nav:has(li:hover)+img{-hover--blur:0px}header:has(a img:hover)~img{-hover--blur:0px}#custom-cursor{display:none}.main-wrapper{display:flex;flex-direction:column-reverse}.navigation{gap:0}header{flex-direction:column;gap:2rem;align-items:flex-start}#logo-link-wrapper{width:100%;justify-content:center;align-items:center}#logo-link-wrapper picture{justify-content:center}#logo{width:80%}nav{justify-content:center;margin:2rem 0 6rem}ul{flex-direction:row;justify-content:center;align-items:center;gap:1.5rem}.home span{text-align:center}.CTA-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-paragraph{text-align:center;width:100%;margin-top:4rem}.button{text-align:center;width:50%;padding:1rem 2rem}#flower-image{margin-left:5%;aspect-ratio:3/4;width:100%}.image-blur{filter:blur(4px)!important}footer{justify-content:flex-start;flex-direction:column;margin-top:4rem}footer p{margin:auto}.aboutMe__main{flex-direction:column}.aboutme__text-container{width:100%}.aboutme__img-container{position:block;height:max-content;width:100%;justify-content:center;flex-direction:column;gap:1rem}#aboutme-img1,#aboutme-img2,#aboutme-img3{width:100%;position:static;z-index:1;inset:auto}.mywork__main{height:max-content;flex-direction:column}.mywork__text-container{width:100%;height:max-content}.mywork__carousel{width:100%;flex-direction:column}.project-img{width:100%}.mywork__carousel::-webkit-scrollbar{display:none}.mywork__carousel::-webkit-scrollbar-thumb{display:none}.project-img:hover{filter:none}.project-link:has(.project-img:hover)+.overlay-text{opacity:0}.contact-main{height:max-content;flex-direction:column;gap:3rem}.contact__text-container{width:100%}.contact__text-container h1,.contact__text-container p{text-align:center}.contact__text-inner-el{display:flex;flex-direction:column;align-items:center}.contact__img-container{width:100%;justify-content:center}.email{text-align:center;margin:2rem 0}}