@import"https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100..900&display=swap";@font-face{font-family:revicons;fallback:fallback;src:url(/assets/revicons-DbTteTvA.woff) format("woff"),url(/assets/revicons-CBqxZnew.ttf) format("ttf"),url(/assets/revicons-BNIKeAUC.eot) format("ttf")}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:#00000080;min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:#000c}.react-multiple-carousel__arrow:before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:#00000080}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left:before{content:""}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right:before{content:""}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:gray;padding:0;margin:0 6px 0 0;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active,.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;backface-visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.react-multi-carousel-item{flex-shrink:0!important}.react-multi-carousel-track{overflow:visible!important}}[dir=rtl].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right:before{content:""}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left:before{content:""}body{--background--main: linear-gradient(30deg, #0e0e0e, #1b1b1b);--foreground--main: #fff;--foreground--accent: #B398EB;--foreground--med: #383838;--reduced-foreground--med: #383838;--text-light: #9B9B9B;--btn-link--hover: #B398EB;--btn-primary: 1.5px solid var(--foreground--main);--btn-secondary: 1.5px solid var(--foreground--accent);--box-shadow: 0 0 20px 5px rgba(0, 0, 0, .4);--box-shadow--mild: 0 0 10px 2px rgba(0, 0, 0, .4);--project-card: linear-gradient(to top, rgba(91, 91, 91, .4), rgba(74, 74, 74, .4));--project-card--secondary: linear-gradient(to top, rgba(91, 91, 91, .4), rgba(74, 74, 74, .4));--project-card--text: #fff;--project-card--text-alt: #fff;--project-accordion--text: #B398EB;--decor--accent: #383838;--svg-stroke: #fff;--notification: #1B1B1B}body.light-mode{--background--main: #dee5f7;--foreground--main: #1B1B1B;--foreground--accent: #244ab2;--foreground--med: rgba(36, 74, 178, .3333333333);--reduced-foreground--med: #2f2f2f;--text-light: rgba(222, 229, 247, .5333333333);--btn-link--hover: #244ab2;--btn-primary: 2px solid var(--foreground--main);--btn-secondary: 2px solid var(--foreground--accent);--box-shadow: 0 0 10px 2px rgba(27, 27, 27, .6666666667);--box-shadow--mild: 0 0 10px 2px rgba(27, 27, 27, .6666666667);--project-card: #dee5f7;--project-card--secondary: #244ab2;--project-card--text: #dee5f7;--project-accordion--text: rgba(222, 229, 247, .5333333333);--project-card--text-alt: #1B1B1B;--svg-stroke: #dee5f7;--decor--accent: #1B1B1B;--notification: #dee5f7}html{scroll-behavior:smooth}body{background:var(--background--main)}body *{transition:background-color .5s ease,color .1s ease,border .5s ease,box-shadow .5s ease}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}body h1,body h2,body h3,body h4,body h5,body h6{font-weight:400;margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}ul{list-style:none;padding-left:0}template{display:none}[hidden]{display:none}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}embed,iframe,object{max-width:100%}img,video{max-width:100%;height:auto}body{font-family:Kumbh Sans,sans-serif;color:var(--foreground--main)}body h1,body h2,body h3,body h4,body h5,body h6{margin:0}body h1{font-size:3.25rem}body h2{font-size:1.12rem;margin-bottom:1rem}body .accent-text{color:var(--foreground--accent)}@media (min-width: 40rem){body h1{font-size:5rem}body h2{font-size:1.5rem}}@media (min-width: 70rem){body h1{font-size:6rem}body h2{font-size:2.15rem}}a{color:var(--foreground--main);transition:color .3s ease}a+.link-underline{display:block;height:2px;border-radius:30px;visibility:hidden;background-color:var(--foreground--accent)}a svg{transition:stroke .3s ease;stroke:var(--foreground--main)}a:hover{color:var(--foreground--accent)}a:hover+.link-underline{visibility:visible;animation:linkUnderline .75s forwards}a:hover svg{stroke:var(--foreground--accent)}@keyframes linkUnderline{0%{width:0px}to{width:100%;height:2px}}#app-wrap section:not(#carousel):not(#project-info),header section:not(#carousel):not(#project-info){padding:0 1rem;margin-bottom:3rem}@media (min-width: 60rem){#app-wrap section:not(#carousel):not(#project-info):not(#about) #app-wrap section:not(#carousel):not(#project-info):not(#skills):not(#see-more-projects),#app-wrap section:not(#carousel):not(#project-info):not(#about) header section:not(#carousel):not(#project-info):not(#skills):not(#see-more-projects),header section:not(#carousel):not(#project-info):not(#about) #app-wrap section:not(#carousel):not(#project-info):not(#skills):not(#see-more-projects),header section:not(#carousel):not(#project-info):not(#about) header section:not(#carousel):not(#project-info):not(#skills):not(#see-more-projects){padding:0 2rem}}@media (min-width: 100rem){#app-wrap section:not(#carousel):not(#project-info):not(#see-more-projects),header section:not(#carousel):not(#project-info):not(#see-more-projects){padding:0 2.5rem}}@media (min-width: 125rem){#app-wrap,header{display:grid;grid-template-columns:.5fr 5fr .5fr;grid-template-rows:auto}#app-wrap>*,header>*{grid-column:2/3}#app-wrap footer,header footer{grid-column:1/4!important}}button,.primary.cta,.secondary.cta{padding:.5rem;border-radius:10px;background-color:#0000;transition:transform .5s ease,border .5s ease;border:var(--btn-primary);color:var(--foreground--main)}button:hover,.primary.cta:hover,.secondary.cta:hover{border:var(--btn-secondary);color:var(--foreground--accent)}button:hover svg,.primary.cta:hover svg,.secondary.cta:hover svg{stroke:var(--foreground--accent)}button:hover,.primary.cta:hover,.secondary.cta:hover{animation:btnHover .65s ease-in-out;cursor:pointer}@media (min-width: 70rem){button,.primary.cta,.secondary.cta{font-size:1.15rem}}p.secondary.cta,button.active,a.active{border:var(--btn-secondary)}p.secondary.cta a,button.active a,a.active a{color:var(--foreground--accent)}svg{stroke:var(--svg-stroke)}.social-icon{display:flex;align-items:center;justify-content:center;border-radius:100%;border:2px solid var(--foreground--main);width:2.5rem;height:2.5rem;transition:transform .65s ease,border 1s ease;background:var(--background--main)}.social-icon a{display:flex;align-items:center;justify-content:center}.social-icon svg{stroke:var(--foreground--main);transition:stroke 1s ease}.social-icon:hover{transform:scale(1.05);border:2px solid var(--foreground--accent);animation:iconHover .65s ease-in-out;cursor:pointer}.social-icon:hover svg{stroke:var(--foreground--accent)}@media (min-width: 70rem){.social-icon{width:2.85rem;height:2.85rem}.social-icon svg{width:30px;height:auto}}.notification{display:flex;overflow:hidden;transform:translate(110%);transition:transform .35s ease-in-out;position:fixed;bottom:1.75rem;right:0;padding:.5rem;background-color:var(--foreground--accent);border-top-left-radius:10px;border-bottom-left-radius:10px;color:var(--notification);font-weight:500;z-index:100;box-shadow:var(--box-shadow)}.notification svg{stroke:var(--notification)}.notification.clipboard{gap:.5rem;align-items:center}.notification.clipboard.show{display:flex;transform:translate(0)}.notification.clipboard p{margin:0}header{position:fixed;bottom:2rem;left:1rem;height:fit-content;z-index:100}header nav ul{display:flex;flex-direction:column;gap:.5rem;padding-bottom:.75rem;visibility:hidden;position:relative;bottom:-200px;transition:bottom .65s ease,visibility .65s ease,opacity .25s ease;opacity:0}header nav ul a{color:#fff}@media (min-width: 40rem){header nav ul a{color:var(--foreground--main)}}header nav .menu{position:relative}header nav .menu:hover{cursor:pointer;animation:btnHover .65s ease}header nav .menu:hover .bar,header nav .menu:hover .bar:before,header nav .menu:hover .bar:after{background-color:var(--foreground--accent)}header nav .menu .bar{display:block;height:.175rem;width:1.75rem;background-color:var(--foreground--main);transition:transform .3s ease,background-color .3s ease}header nav .menu .bar:before,header nav .menu .bar:after{display:block;height:.175rem;width:1.75rem;background-color:var(--foreground--main);transition:transform .3s ease,background-color .3s ease;content:"";position:absolute;top:10px}header nav .menu .bar:before{top:-10px}header nav.show ul{visibility:visible;bottom:0;opacity:1}header nav.show ul li{z-index:99;display:flex;flex-direction:column}@media (min-width: 70rem){header nav.show ul li{font-size:1.15rem}}header nav.show .menu{position:fixed;z-index:99;bottom:2rem}header nav.show .menu:hover{cursor:pointer;animation:btnHover .65s ease}header nav.show .menu:hover .bar:before,header nav.show .menu:hover .bar:after{background-color:var(--foreground--accent)}header nav.show .menu .bar{background-color:transparent}header nav.show .menu .bar:before{background-color:#fff;transform:rotate(45deg) translateY(9px) translate(5px)}header nav.show .menu .bar:after{background-color:#fff;transform:rotate(-45deg) translateY(-9px) translate(5px)}header .overlay{visibility:hidden;z-index:98;position:fixed;height:100vh;width:100vw;top:500px;bottom:0;left:0;right:0;opacity:.95;background:linear-gradient(to top,#000 30%,#0000);transition:top .45s ease,visibility .45s ease}header .overlay.show{visibility:visible;top:0}@media (min-width: 650px){header{position:absolute;top:0;right:0}header nav ul{visibility:visible;display:flex;justify-content:flex-end;flex-direction:row;padding-right:4rem;gap:2rem;position:static;opacity:1;margin-bottom:0}}@media (min-width: 650px) and (min-width: 70rem){header nav ul{padding-right:5rem}}@media (min-width: 650px){header .menu{display:none}}#carousel{margin:2.5rem 1rem 1rem}#carousel .react-multi-carousel-list{overflow:visible}#carousel .react-multi-carousel-list .react-multi-carousel-item{right:10px;z-index:100;transition:transform .4s ease,opacity .4s ease,right .4s ease}@media (min-width: 62.5rem){#carousel .react-multi-carousel-list .react-multi-carousel-item{right:0}}#carousel .react-multi-carousel-list .react-multi-carousel-item img{border-radius:.65rem;padding-right:-.25rem;box-shadow:var(--box-shadow-mild)}#carousel .react-multi-carousel-list .react-multi-carousel-item:not(.react-multi-carousel-item--active){z-index:50;right:100px;opacity:.25;transform:scale(.8)}@media (min-width: 62.5rem){#carousel .react-multi-carousel-list .react-multi-carousel-item:not(.react-multi-carousel-item--active){right:0}}@media (min-width: 62.5rem){#carousel .react-multi-carousel-list .react-multi-carousel-item:has(+.react-multi-carousel-item--active){left:8rem}}@media (min-width: 62.5rem){#carousel .react-multi-carousel-list .react-multi-carousel-item--active+.react-multi-carousel-item{right:8rem}}#carousel .react-multiple-carousel__arrow--left{left:7px}@media (min-width: 62.5rem){#carousel .react-multiple-carousel__arrow--left{left:0}}#carousel .react-multiple-carousel__arrow--right{right:27px}@media (min-width: 62.5rem){#carousel .react-multiple-carousel__arrow--right{right:0}}.card-bg.project:hover{border:2px solid var(--foreground--accent);animation:cardHover 3.5s ease-in-out;animation-iteration-count:1000000}.card-bg.project.right-swipe{left:135px;transition:left 1s ease}.card-bg.project.right-swipe.show{left:0}.card-bg.project.left-swipe{right:135px;transition:right 1s ease}.card-bg.project.left-swipe.show{right:0}.card-bg.project img{border-radius:.45rem;margin-bottom:.5rem;box-shadow:var(--box-shadow--mild)}.card-bg.project>p{color:var(--text-light)}.card-bg.project .learn-more{width:fit-content}.card-bg.project .learn-more a{display:flex;align-items:center}.card-bg.project .tech-used{display:flex;gap:.5rem}.card-bg.project .tech-used p{padding:.25rem .75rem;border-radius:10px;border:1.5px solid var(--text-light)}.card-bg{background:var(--project-card);padding:.75rem;border-radius:1.15rem;display:flex;flex-direction:column;gap:.5rem;position:relative;box-shadow:var(--box-shadow);color:var(--project-card--text)}.card-bg.right-swipe{background:var(--project-card--secondary)}.card-bg.left-swipe a,.card-bg.left-swipe h3,.card-bg.left-swipe p{color:var(--project-card--text-alt)!important}.card-bg a{color:var(--project-card--text)}.card-bg a svg{stroke:var(--project-card--text)}.card-bg a:hover{color:var(--foreground--accent)}.card-bg a:hover svg{stroke:var(--foreground--accent)}footer img{opacity:.9}footer .footer-content{position:relative;padding:0 1rem;display:flex;justify-content:center}footer .footer-content .content-wrapper{position:absolute;bottom:2rem;display:flex;align-items:center;gap:.25rem}footer .footer-content .content-wrapper p,footer .footer-content .content-wrapper svg{opacity:.7;color:#fff}.art-wrapper{display:flex;flex-direction:column;position:relative;min-width:100%;min-height:100%}@media (min-width: 25rem){.art-wrapper{left:2.5rem;transform:scale(1.1)}.art-wrapper .post-it-wrap{bottom:4rem}}@media (min-width: 32rem){.art-wrapper{top:6rem;left:6rem;transform:scale(1.2);justify-self:center}.art-wrapper .window{bottom:2rem;left:3rem}}@media (min-width: 40rem){.art-wrapper .post-it-wrap{left:16rem}.art-wrapper .window{left:7rem}}@media (min-width: 69rem){.art-wrapper{justify-content:center}.art-wrapper .post-it-wrap{bottom:5rem}.art-wrapper .window{bottom:6rem}}@media (min-width: 87.5rem){.art-wrapper{transform:scale(1.5);left:12rem}}@media (min-width: 105rem){.art-wrapper{left:20rem}}.art-wrapper .desktop-wrap{grid-row:1/2;grid-column:1/2;position:absolute;left:0;bottom:14rem;display:flex;flex-direction:column;align-items:center}@media (min-width: 40rem){.art-wrapper .desktop-wrap{bottom:21rem}}@media (min-height: 20rem) and (max-height: 66rem) and (min-width: 69rem){.art-wrapper .desktop-wrap{bottom:14rem}}.art-wrapper .desktop-wrap .screen{display:flex;flex-direction:column;width:240px;height:150px;border:5px solid var(--decor--accent);border-bottom:20px solid var(--decor--accent);gap:1rem;background:var(--background--main);border-radius:10px;box-shadow:var(--box-shadow);overflow:hidden;padding:1rem .5rem}.art-wrapper .desktop-wrap .screen .header-wrap{display:flex;flex-direction:column;gap:5px}.art-wrapper .desktop-wrap .screen .header-wrap span{height:8px;animation:title-load 1.2s forwards;margin:.25rem 0}.art-wrapper .desktop-wrap .screen span{opacity:.8;background-color:var(--foreground--main);border-radius:10px}.art-wrapper .desktop-wrap .screen span.accent{background-color:var(--foreground--accent);width:0;animation:acc-title-load 1.2s forwards;animation-delay:.5s}.art-wrapper .desktop-wrap .screen .button-wrap{position:relative;top:6rem;display:flex;gap:.5rem;animation:button-load 1.5s forwards;animation-delay:2.2s}.art-wrapper .desktop-wrap .screen .button-wrap .button{display:flex;padding:.5rem;border:1.5px solid var(--foreground--main);border-radius:.35rem;justify-content:center}.art-wrapper .desktop-wrap .screen .button-wrap .button span{width:40px;height:2px}.art-wrapper .desktop-wrap .screen .button-wrap .button.accent{width:40px;height:2px;border:1.5px solid var(--foreground--accent);animation:button-wobble 2s infinite;animation-delay:3.5s}.art-wrapper .desktop-wrap .paragraph-wrap{display:grid;visibility:hidden;grid-template-columns:1fr 1fr 2fr .75fr;grid-template-rows:auto;max-width:70%;gap:.5rem;animation:paragraph-load 1.5s forwards;animation-delay:1s;width:0}.art-wrapper .desktop-wrap .paragraph-wrap .paragraph{width:100%;height:4px}.art-wrapper .desktop-wrap .paragraph-wrap .paragraph.span-2{grid-column:span 2}.art-wrapper .desktop-wrap .paragraph-wrap .paragraph.w-75{max-width:75%}.art-wrapper .desktop-wrap .paragraph-wrap .paragraph.w-half{max-width:50%}.art-wrapper .desktop-wrap .social-bar{position:absolute;gap:.2rem;right:0;top:.5rem;display:grid;grid-template-rows:55px repeat(4,.75rem);z-index:10;margin-left:auto;padding-right:1rem}.art-wrapper .desktop-wrap .social-bar .bar{position:relative;left:2.75px;height:55px;width:2px;border-radius:10px;background-color:var(--foreground--main)}.art-wrapper .desktop-wrap .social-bar .icon{background-color:transparent;border:2px solid var(--foreground--main);width:8px;height:8px;border-radius:100%}.art-wrapper .desktop-stand{width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;box-shadow:0 4px var(--decor--accent);border-bottom:40px solid var(--decor--accent);opacity:.8;position:relative;bottom:1rem;z-index:-1}.art-wrapper .cursor{transform:rotate(-30deg);display:flex;flex-direction:column;align-items:center;position:absolute;bottom:4rem;left:4rem;animation:cursor 5s infinite;opacity:.8}.art-wrapper .pointer{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:16px solid var(--foreground--main)}.art-wrapper .wrist{width:3px;height:5px;background-color:var(--foreground--main)}.post-it-wrap{position:relative;z-index:20;left:11rem;bottom:2rem}.post-it-wrap .post-it{position:absolute;display:flex;flex-direction:column;gap:.4rem;text-align:center;background-color:var(--foreground--accent);max-width:40%;border-radius:1rem;padding:1rem .25rem;z-index:5;min-width:85px}.post-it-wrap .post-it.bg{width:85px;height:95px;z-index:4;background-color:var(--decor--accent);z-index:3;transform:rotate(-5deg);left:.5rem;top:.25rem}.post-it-wrap .post-it p{color:#fff;margin:0;font-size:.75rem}.post-it-wrap .post-it p:first-of-type{text-transform:uppercase}.post-it-wrap .post-it p:nth-of-type(2){font-size:1.5rem}.post-it-wrap .post-it .peg{position:absolute;width:5px;height:5px;border-radius:100%;background:var(--background--main);top:.35rem;left:2.5rem;right:0}.window{width:15rem;height:13rem;grid-row:1/2;grid-column:1/2;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:center;position:relative;right:0;right:.5rem;border:.25rem solid var(--foreground--main);border-radius:10px;z-index:-1;opacity:.8}.window>*{background-color:var(--foreground--main);grid-column:1/2;grid-row:1/2}.window .vertical-bar{height:12.5rem;width:.25rem;margin:0 auto}.window .horizontal-bar{height:.25rem;width:14.5rem;position:relative;z-index:3}.window .sun,.window .moon{position:absolute;width:5rem;height:5rem;border-radius:100%;left:1rem;top:2rem;z-index:3;background-color:#e1e15e}.window .moon{background:linear-gradient(#91879f,#4c4457);display:flex;overflow:hidden}.window .moon .crater{width:1.25rem;height:1.25rem;border-radius:100%;position:relative;opacity:.5}.window .moon .crater.light{background-color:#fff}.window .moon .crater.dark{background-color:#1b1b1b}.window .moon .crater.small{width:1rem;height:1rem}.window .moon .crater.pr{top:1rem;left:.25rem}.window .moon .crater.sc{top:2rem;left:2rem}.window .moon .crater.tr{top:3.5rem}.window .moon .crater.qr{right:.5rem}#project-info .process-accordion{display:flex;flex-direction:column;gap:.25rem}#project-info .process-accordion .panel{display:flex;flex-direction:column;opacity:0;max-height:0;transition:all .8s ease,opacity .5s ease}#project-info .process-accordion .panel.active{max-height:2000px;position:relative;z-index:10;opacity:1}#project-info .process-accordion .panel .featured-image-wrapper{display:grid;gap:.75rem;grid-template-columns:1fr;align-items:center}@media (min-width: 37.5rem){#project-info .process-accordion .panel .featured-image-wrapper.grid-col-2,#project-info .process-accordion .panel .featured-image-wrapper.grid-col-3{grid-template-columns:repeat(2,1fr)}#project-info .process-accordion .panel .featured-image-wrapper.grid-col-4{grid-template-columns:repeat(4,1fr)}#project-info .process-accordion .panel .featured-image-wrapper.grid-col-5{grid-template-columns:repeat(5,1fr)}}#project-info .process-accordion .panel .featured-image-wrapper img{border-radius:10px;box-shadow:var(--box-shadow--mild)}#project-info .process-accordion .panel .links{display:flex;gap:1rem}#project-info .process-accordion button{display:flex;align-items:center;animation:none;position:relative;z-index:9;border:none;color:var(--project-card--text);background-color:var(--reduced-foreground--med);padding:1rem}#project-info .process-accordion button svg{margin-left:auto;transition:transform .5s ease}#project-info .process-accordion button svg.active{transform:rotate(180deg)}#project-info .process-accordion button:hover{color:var(--project-accordion--text)}#project-info .process-accordion button:hover svg{stroke:var(--project-accordion--text)}#see-more-projects{margin-top:5rem}#see-more-projects .project-thumbnails{display:grid;grid-template-columns:1fr;gap:1rem}#see-more-projects .project-thumbnails .card-bg p{margin:.25rem}#see-more-projects .project-thumbnails .card-bg img{border-radius:.4rem;transition:all .5s ease}#see-more-projects .project-thumbnails .card-bg:hover img{opacity:.7}@media (min-width: 31.25rem){#see-more-projects .project-thumbnails{grid-template-columns:repeat(2,1fr)}}@media (min-width: 47rem){#see-more-projects .project-thumbnails{grid-template-columns:repeat(3,1fr)}}#root #app-wrap #about .about-wrapper{display:flex;flex-direction:column;gap:1rem}#root #app-wrap #about .about-wrapper .buttons{display:flex;gap:.5rem}#root #app-wrap #about .about-wrapper .about{display:flex;flex-direction:column;gap:1rem}#root #app-wrap #about .about-wrapper .about img{max-width:60%;border-radius:100%;box-shadow:var(--box-shadow--mild);opacity:.85}#root #app-wrap #about .about-wrapper .about p{margin:0}#root #app-wrap #about .about-wrapper .about .text-light{color:var(--text-light)}@media (min-width: 28rem){#root #app-wrap #about .about-wrapper .about{display:grid;grid-template-columns:1fr 1.5fr;grid-template-rows:repeat(3,auto);padding:2rem}#root #app-wrap #about .about-wrapper .about img{max-width:100%;grid-row:1/3}#root #app-wrap #about .about-wrapper .about h3{align-self:end}#root #app-wrap #about .about-wrapper .about .text-light{grid-column:2/3}#root #app-wrap #about .about-wrapper .about p:not(.text-light){grid-column:1/3}}@media (min-width: 43rem){#root #app-wrap #about .about-wrapper .about{grid-template-columns:200px 1fr}}@media (min-width: 66rem){#root #app-wrap #about .about-wrapper .about{height:27.25rem;padding:1rem;grid-template-columns:1fr 1.5fr;grid-template-rows:2fr .5fr 1fr}#root #app-wrap #about .about-wrapper .about img{max-width:185px}#root #app-wrap #about .about-wrapper .about h3{align-self:center}#root #app-wrap #about .about-wrapper .about .text-light{grid-column:1/3}}@media (min-width: 72.5rem){#root #app-wrap #about .about-wrapper .about{grid-template-columns:185px auto;grid-template-rows:1.5fr 1.5fr 3fr}#root #app-wrap #about .about-wrapper .about .text-light{grid-column:2/3}}@media (min-width: 87.5rem){#root #app-wrap #about .about-wrapper .about{font-size:1.15rem;height:33.375rem;grid-template-columns:200px auto}#root #app-wrap #about .about-wrapper .about img{max-width:200px}}#contact{padding:0 1rem}#contact .contact-link-wrapper{display:flex;align-items:center;gap:.15rem}#contact .contact-link-wrapper:nth-of-type(2){margin-bottom:.5rem}#contact .contact-link-wrapper .clickable{display:flex;align-items:center;gap:.15rem}#contact .contact-link-wrapper .clickable p,#contact .contact-link-wrapper .clickable a{color:var(--text-light);cursor:pointer;margin:0}#contact .contact-link-wrapper .clickable svg{stroke:var(--text-light)}#featured-work{display:flex;flex-direction:column;overflow:hidden}#featured-work .project-wrapper{display:flex;flex-direction:column;justify-content:center;gap:2rem;margin-top:1rem;justify-self:center}@media (min-width: 40rem){#featured-work .project-wrapper{flex-direction:row;flex-wrap:wrap}#featured-work .project-wrapper .project{max-width:46%}}@media (min-width: 61rem){#featured-work .project-wrapper{flex-wrap:nowrap}}@media (min-width: 78.75rem){#featured-work .project-wrapper.featured{max-width:90%}}#featured-work h2,#featured-work h3,#featured-work p{margin:0}@media (min-width: 78.75rem){#featured-work{display:grid;grid-template-rows:auto auto;grid-template-columns:auto}}#featured-work .see-more-btn{position:relative;padding:.5rem;background-color:#0000;border-radius:10px;transition:transform .5s ease,border .5s ease;border:var(--btn-primary);color:var(--foreground--main);width:fit-content;margin-top:2rem;justify-self:flex-end;margin-right:4rem}#featured-work .see-more-btn:hover{border:var(--btn-secondary);color:var(--foreground--accent);animation:btnHover .65s ease-in-out}@keyframes btnHover{0%{transform:rotate(0)}25%{transform:rotate(-1deg)}50%{transform:rotate(3deg)}70%{transform:rotate(-3deg)}}@keyframes iconHover{0%{transform:rotate(0)}25%{transform:rotate(-3deg)}50%{transform:rotate(9deg)}70%{transform:rotate(-9deg)}}@keyframes cardHover{0%,50%,to{transform:translateY(0);box-shadow:var(--box-shadow)}25%,75%{transform:translateY(-3px) scale(1.005);box-shadow:var(--box-shadow)}}@keyframes ctaStatic{99%{position:relative}to{position:static}}@keyframes title-load{0%{width:0}to{width:50%}}@keyframes acc-title-load{0%{width:0}to{width:60%}}@keyframes paragraph-load{0%{width:0}1%{visibility:visible}to{width:70%;visibility:visible}}@keyframes button-load{0%{top:6rem}40%{top:-.5rem}to{top:-.25rem}}@keyframes button-wobble{0%{transform:rotate(0)}25%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}to{transform:rotate(.75deg)}}@keyframes cursor{0%{bottom:4rem;left:4rem}25%{left:8rem}50%{bottom:8rem;left:12rem}75%{bottom:5rem;left:9.5rem}}#landing{overflow:hidden;gap:3rem;display:grid;grid-template-rows:repeat(2,1fr);min-height:80vh}@media (min-width: 40rem){#landing{gap:2.5rem}}@media (min-width: 69rem){#landing{grid-template-rows:1fr;grid-template-columns:repeat(2,1fr)}}#landing .landing-info{margin-top:5rem;align-self:center;display:flex;flex-direction:column;gap:1.25rem;max-width:90%}@media (min-width: 40rem){#landing .landing-info{padding-top:5rem}#landing .landing-info .self-desc{height:60px}}.socials{position:absolute;top:0;right:0;padding-right:1rem;grid-column:2/3;grid-row:1/3;display:flex;flex-direction:column;align-items:center;gap:.8rem;z-index:80}@media (min-width: 70rem){.socials{gap:1.2rem}}@media (min-width: 125rem){.socials{right:10rem}}.socials .social-bar{height:60vh;width:3px;background-color:var(--foreground--main)}@media (min-width: 40rem){.socials .social-bar{height:55vh}}div.cta{margin-top:1.5rem;display:flex;gap:.75rem;opacity:0;position:relative;bottom:-160px;transition:opacity 1s ease,position 1s ease,bottom 1s ease}div.cta.show{bottom:0;opacity:1;animation:ctaStatic 1s forwards}@media (min-width: 40rem){h1{font-size:5rem}h2{font-size:1.5rem}.self-desc{font-size:1.15rem;max-width:70rem}}@media (min-width: 45.75rem){.self-desc{max-width:40rem}}@media (min-width: 70rem){h1{font-size:6rem}h2{font-size:2.15rem}.self-desc{font-size:1.3rem}}#root #skills .skill-wrapper{display:flex;flex-direction:column;gap:1rem}#root #skills .skill-wrapper .buttons{display:flex;gap:.5rem}#root #skills .skill-wrapper .skill-card{display:flex;flex-direction:column;justify-content:stretch}@media (min-width: 25.25rem){#root #skills .skill-wrapper .skill-card{display:grid;grid-template-columns:repeat(2,1fr)}}@media (min-width: 40rem){#root #skills .skill-wrapper .skill-card{grid-template-columns:repeat(3,1fr)}}#root #skills .skill-wrapper .skill-card .skill{display:flex;align-items:center;gap:.65rem;background-color:var(--reduced-foreground--med);padding:.25rem .5rem;border-radius:.4rem}@media (min-width: 60rem){#root #skills .skill-wrapper .skill-card .skill{padding:.25rem 1rem .25rem .75rem}}@media (min-width: 87.5rem){#root #skills .skill-wrapper .skill-card .skill{padding:.5rem 1.25rem .5rem 1rem}#root #skills .skill-wrapper .skill-card .skill p{font-size:1.15rem}}#root #skills .skill-wrapper .skill-card .skill img{max-width:30px}@media (min-width: 60rem){#root #skills .skill-wrapper .skill-card .skill img{max-width:35px}}@media (min-width: 87.5rem){#root #skills .skill-wrapper .skill-card .skill img{max-width:40px}}.project-page-wrapper{overflow:hidden;min-height:100vh;margin-top:2rem;color:var(--project-card--text)}@media (min-width: 62.5rem){.project-page-wrapper{margin-top:5rem;display:grid;grid-template-columns:1fr 62.5rem 1fr}.project-page-wrapper>*{grid-column:2/3}}.project-page-wrapper .project-links{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}@media (min-width: 31.25rem){.project-page-wrapper .project-links{flex-direction:row;gap:1.5rem}}.project-page-wrapper .project-links p{margin:0}.project-page-wrapper .project-links a{display:flex;align-items:center;gap:.25rem}.project-page-wrapper #project-info{margin-top:3rem;padding:0 1rem}.project-page-wrapper #project-info .buttons{margin:1rem 0;display:flex;gap:.5rem}.project-page-wrapper #project-info .project-wrapper{padding:.75rem;background:var(--project-card);border-radius:1.15rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--box-shadow);transition:height .65s ease}@media (min-width: 62.5rem){.project-page-wrapper #project-info .project-wrapper{padding:1.5rem 2rem}}.project-page-wrapper #project-info .project-wrapper h2{margin:1rem 0}.project-page-wrapper #project-info .project-wrapper h2:first-of-type{margin:.5rem 0}.project-page-wrapper #project-info .project-wrapper .tech{display:flex;flex-direction:column}.project-page-wrapper #project-info .project-wrapper .tech ul{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:.5rem;margin:.5rem 0 0}.project-page-wrapper #project-info .project-wrapper .tech ul li{display:flex;align-items:center;gap:.5rem}.project-page-wrapper #project-info .project-wrapper .tech ul li img{width:30px}@media (min-width: 37.5rem){.project-page-wrapper #project-info .project-wrapper .tech ul li img{width:37.5px}}@media (min-width: 47rem){.project-page-wrapper #project-info .project-wrapper .tech ul{grid-template-columns:repeat(3,1fr)}}@media (min-width: 57rem){.project-page-wrapper #project-info .project-wrapper .tech ul{grid-template-columns:repeat(4,1fr)}}#root #all-work{display:flex;flex-direction:column;overflow:hidden;min-height:100vh}#root #all-work h2,#root #all-work h3,#root #all-work p{margin:0}#root #all-work .project-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;margin-top:1rem;justify-self:center}@media (min-width: 40rem){#root #all-work .project-wrapper{padding-top:5rem;flex-direction:row;flex-wrap:wrap}#root #all-work .project-wrapper .project{max-width:47%}}@media (min-width: 100rem) and (max-width: 128rem){#root #all-work .project-wrapper{max-width:80%;margin:1rem auto 0}}#root #all-work .project-wrapper .project .excerpt{height:37px}@media (min-width: 60rem){#root #all-work .project-wrapper .project{max-width:30%}}@media (min-width: 128rem){#root #all-work .project-wrapper{max-width:100%;position:relative;top:10rem}#root #all-work .project-wrapper .project{max-width:18%}}.skills-abt-wrapper{display:flex;flex-direction:column}@media (min-width: 66rem){.skills-abt-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}}