@import"https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@300&family=Encode+Sans+Semi+Condensed:wght@300&family=Roboto:ital,wght@0,100;0,300;1,100;1,300;1,500&family=Fahkwang:ital,wght@0,200;0,300;0,400;1,300&family=Genos:wght@300&family=Syne:wght@400;500;600;700;800&family=Tsukimi+Rounded&display=swap";*{margin:0;padding:0}.ham{width:30px;height:30px;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}.ham span{display:block;position:absolute;height:3px;width:100%;background:black;border-radius:3px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}.ham span:nth-child(1){top:7px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}.ham span:nth-child(2){top:17px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}.ham.open span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:2px;left:4px}.ham.open span:nth-child(2){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:23px;left:4px}.App.navOpen{position:fixed}.navbar{background-color:var(--BGCOLOR);padding:var(--PADDING-NAV-TB) var(--PADDING-SIDE);z-index:200}@media (max-width: 620px){.navbar{display:none}}.navbarContainer{border:var(--BORDER-DEV);display:flex;box-sizing:border-box;max-width:1170px;position:relative;margin:auto;padding:var(--PADDING-TB) var(--PADDING-SIDE);justify-content:space-around;align-items:center}.navbarMenu{display:flex;flex-direction:row;list-style:none}.navbarMain{color:#000;display:flex;flex-basis:2;align-items:center;justify-content:center;white-space:normal;text-align:center;padding:0 1rem}.navbarItem{justify-content:center;display:flex;padding:0 1rem;flex-wrap:nowrap;white-space:nowrap}.mobileNavWrapper{display:none;position:relative;width:100%;height:100%;overflow:hidden;background-color:var(--BGCOLOR)}.mobileNavWrapper.navOpen{position:fixed}.mobileNavHeader{background-color:var(--BGCOLOR);position:relative;z-index:1001;display:flex;justify-content:flex-start;align-items:center;padding:1rem 1.5rem;border:var(--BORDER-DEV-GOLD)}.mobileNavHeader{justify-content:end}.mobileNavHamOne{left:1.5rem;flex-basis:15%;border:var(--BORDER-DEV-GREEN)}.mobileNavHamTwo{flex-basis:15%;text-align:end;transition:transform 1s ease-in-out;transform:translate(-200%);border:var(--BORDER-DEV-GREEN)}.slideOut{transition:transform 1s ease-in-out;transform:translate(0)}.mobileNavMain{flex:1;border:var(--BORDER-DEV-BLUE)}.mobileNavMain:hover{transition:transform 1s ease-in-out;transform:translate(10em)}.dropMain:hover{color:var(--AUCHICO)}.tofill{flex-grow:3;border:var(--BORDER-DEV)}.hamTwin{flex-basis:15%;border:var(--BORDER-DEV-GREEN)}.hamTwin.final{flex-basis:0}.capemonn{display:flex;align-items:center;transition:flex 1.5s;justify-content:center;flex-basis:100%;border:var(--BORDER-DEV-BLUE)}.capemonn.final{flex-basis:15%}.capemonn h4>span>span{opacity:1;letter-spacing:normal;transition:opacity .5s,letter-spacing .75s,text-align 1s}@keyframes pushApart{0%{opacity:1;letter-spacing:normal}50%{opacity:0;letter-spacing:normal}to{opacity:0;letter-spacing:-1em}}@keyframes bringTogether{0%{opacity:0;letter-spacing:-1em}50%{opacity:0;letter-spacing:normal}to{opacity:1;letter-spacing:normal}}@keyframes slide{0%{text-align:end}to{text-align:center}}.capemonn.initial h4>span>span{animation:bringTogether 1s ease-in-out forwards}.capemonn.intiall{animation:slide 1s ease-in-out;animation-delay:1s}.capemonn.final h4>span>span{animation:pushApart 1s ease-in-out forwards}.capemonn.finall{animation:slide 2s ease-in-out reverse;animation-fill-mode:forwards;animation-delay:1s}.mobileNav{display:none;z-index:1000;height:100vh!important;position:fixed;width:100vw;background-color:var(--BGCOLOR);padding:0 1.5rem;transform:translateY(-110%);transition:transform .5s ease-in-out;border:var(--BORDER-DEV-BLUE)}.mobileNav.active{transition:transform .8s ease-in-out;transform:translateY(0)}@media (max-width: 620px){.mobileNav{display:flex;flex-direction:column}.mobileNavWrapper{display:block}}.mobileNavUl{border:var(--BORDER-DEV-GREEN);margin-top:3rem;display:flex;flex-direction:column;list-style:none;width:100%;height:50vh}.mobileNavLi{border:var(--BORDER-DEV-BLUE);font-size:5vw;flex-grow:1;height:100%}.mobileNavLink{border:var(--BORDER-DEV-GOLD);font-size:5vw}.mobileNavLink:hover{border-bottom:2px solid var(--AUCHICO);color:var(--AUCHICO)}.mobileNavSocials{border:var(--BORDER-DEV-BLUE);display:flex;flex-basis:100%;margin:var(--MARGIN);border-top:2px solid black;align-items:flex-end;justify-content:space-between;padding-right:55%}.socials{font-size:1.25rem;border:var(--BORDER-DEV-GOLD)}.socials:hover{color:var(--AUCHICO)}.about{padding:1rem 1.5rem;display:flex;flex-direction:column;border:var(--BORDER-DEV)}@media (min-width: 700px){.about{flex-direction:row-reverse}.aboutArticle{padding-right:2rem}.aboutCape{padding-bottom:2rem}}.aboutFig{border:var(--BORDER-DEV-BLUE);flex-basis:50%;width:100%;display:flex;align-items:center;justify-content:center}.aboutImg{border:var(--BORDER-DEV-GOLD)}.aboutArticle{border:var(--BORDER-DEV-BLUE);display:flex;flex-basis:50%;flex-direction:column;justify-content:center}.aboutCape{padding-top:2rem;padding-bottom:1rem}.aboutH2{border:var(--BORDER-DEV-GOLD);padding:3rem 1rem 1rem;margin-bottom:2rem;text-align:center}..curvedTextContainer{width:300px;height:300px;border-radius:50%;background-color:#00f}.curvedTextContainer:before{content:"";width:100%;height:100%;shape-outside:circle(50% at 50% 50%);float:left}.curvedText{shape-inside:initial;margin:10px}.aboutP{border:var(--BORDER-DEV-GOLD);line-height:max(3vw,2);font-size:var(--FS-P)}.aboutArt{padding-bottom:4rem}@media (max-width: 1024px){.aboutFig,.aboutArticle{flex-basis:100%}}@media (min-width: 1024px){.about{padding:var(--PADDING-SIDE-FULLSCREEN)}}@media (max-width: 1024px) and (min-width: 769px){.aboutH2{margin-top:6rem;padding-bottom:0}}@media (min-width: 769px){.about{font-size:large}}@media (max-width: 500px){.aboutH2{font-size:6vw}}.contact{border:var(--BORDER-DEV);padding:var(--PADDING-SIDE-FULLSCREEN)}.contactH2{border:var(--BORDER-DEV-BLUE);padding:2rem 0}.contactForm{border:var(--BORDER-DEV-BLUE);display:flex;flex-direction:column;padding:1rem 0}.contactFieldset{border:var(--BORDER-DEV-GOLD);display:flex;flex-direction:column}.contactP{border:var(--BORDER-DEV-PURPLE);padding-top:1.5rem;flex-grow:1}.contactLabel{letter-spacing:.2rem;font-weight:500;text-transform:uppercase}.getInTouch{padding:3vh 0 2rem 0;font-weight:600;text-transform:uppercase;font-size:1.5rem;border-top:2px black solid}.contactInput{border:var(--BORDER-DEV)}.contactTextArea,.contactInput,.contactButton{margin-top:.5rem;border-radius:1rem;border-style:none;padding:1rem;width:100%;border:var(--BORDER-DEV-GREEN)}.contactButton{margin-top:1rem;background-color:#d2b670;font-family:var(--FF-ROB);font-weight:400;letter-spacing:.2rem;cursor:pointer;transition:.3s ease background-color}.contactButton:hover{background-color:#daa520}.optional{font-size:small;color:#d2b670;text-align:end}@media (max-width: 800px){.contact{padding:var(--PADDING-SMALL);text-align:center}.contactTextArea{min-width:100%;min-height:100px;resize:vertical}}#status{padding:.75rem;border-radius:1rem;width:40%;text-align:center;margin:0 auto}#status.success{background-color:#bddbb7;animation:status 3s ease forwards;color:}#status.error{background-color:#ebaa98;animation:status 3s ease forwards;color:}@keyframes status{0%{opacity:1;pointer-events:all}75%{opacity:1;pointer-events:all}to{opacity:0;pointer-events:none}}.resume{display:flex;flex-wrap:wrap;flex-direction:column;max-width:100vw}.work,.education,.skills{border:var(--BORDER-DEV);padding:var(--PADDING-SIDE-FULLSCREEN)}.workH2{border:var(--BORDER-DEV-BLUE)}.resumeItem{border:var(--BORDER-DEV-BLUE);display:flex;flex-direction:column;padding-top:2.5rem}.resumeItemCol{display:flex;flex-direction:column;flex-grow:3}.resumeItemP{border:var(--BORDER-DEV-GOLD);display:flex;flex-direction:row}.resumeItemYear{border:var(--BORDER-DEV-PURPLE);flex-shrink:1;text-align:end;flex-basis:25%}.resumeItemTitle{border:var(--BORDER-DEV-PURPLE);font-weight:700!important}.resumeItemSubTitle{color:var(--LIGHTERDARKGRAY);font-weight:500}.workItemDuration{border:var(--BORDER-DEV-PURPLE)}.resumeItemDetails{border:var(--BORDER-DEV-GREEN);padding-top:.5rem;padding-right:10%;color:var(--LIGHTERDARKGRAY);font-family:var(--FF-ROB);font-weight:300}.skillList{border:var(--BORDER-DEV-PURPLE);list-style:none;color:var(--LIGHTERDARKGRAY);padding-top:.25rem}@media (min-width: 900px){.skillList{columns:2}}@media (max-width: 899px) and (min-width: 740px){.skillList div{display:flex;flex-wrap:wrap;padding-left:1rem}.skillList{list-style-type:none}.skillList div li:not(:first-child):before{content:"|";padding:1.25rem;font-weight:700}}@media (max-width: 600px){.work,.education,.skills{padding:var(--PADDING-SMALL-TALL)}}@media (min-width: 1300px){.resume h3{font-size:1.2vw}.work{flex-basis:calc(100% / 3)}.work,.education,.skills{font-size:1.2vw;padding:2rem;flex-grow:1}.resumeDiv2{display:flex;flex-direction:row;flex-basis:calc(100% * (2 / 3))}.resume{flex-direction:row;width:100%;padding:0 4rem}.education,.skills{flex-basis:50%}.resumeItem{padding-top:3vh}}@media (max-width: 1300px) and (min-width: 900px){.work,.education,.skills{padding:var(--PADDING-SMALL)}.work{display:flex;flex-direction:column;flex-basis:50%;justify-content:space-between}.resume{flex-direction:row;padding:1rem 4rem}.resumeDiv2{display:flex;flex-direction:column;flex-basis:50%}.resumeItem{padding-top:3vh}.work{padding-right:4rem;border-right:2px solid black}.education{padding-left:4rem}.education{padding-bottom:2rem}.skills{padding-top:2rem;border-top:2px solid black;margin-left:2rem;padding-left:2rem}}@media (min-width: 1300px){.work,.education,.skills{padding:var(--PADDING-SMALL);padding-top:3.5rem;font-size:1.2vw}.work,.education{padding-right:4rem}.education,.skills{padding-left:4rem}.skills:first-child{padding-top:0rem}.work,.education{border-right:2px black solid}}@media (max-width: 375px){.work,.education,.skills{font-size:4vw}}.projectGrid{padding:0 1.5rem;align-items:center;justify-content:center;display:flex;flex-direction:column}.projectGridContainer{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem;align-items:center}.projectBox{width:47.5%;position:relative;box-sizing:border-box;margin-bottom:5%;aspect-ratio:1;background-size:cover;opacity:1}.projectBoxImgContainer{width:100%;position:relative;overflow:hidden;object-fit:scale-down}.projectBoxImg{width:100%;height:100%;object-fit:cover}.projectBoxTitleDiv{width:100%;height:100%;opacity:0;align-items:center;display:flex;justify-content:space-between;transition:background-color .2s,opacity .4s;padding:0 1rem}.projectBoxTitle{color:#f8f8ff;text-align:center;text-transform:uppercase}.projectBoxTitleDiv:hover{opacity:1}@media (min-width: 1024px){.projectGrid{padding:0 var(--PADDING-SIDE-FULLSCREEN)}.projectBox{width:31%;margin-bottom:4%}.projectGridContainer{margin-bottom:2rem}}@media (max-width: 501px){.projectBox{width:100%}}.carousel{border:var(--BORDER-DEV-GREEN)}.carouselButton,.carouselGroup{border:var(--BORDER-DEV-GOLD)}.project,.ProjectList{border:var(--BORDER-DEV);display:flex;flex-direction:column;padding:var(--PADDING-SIDE-FULLSCREEN)}.ProjectList{position:relative;animation:dropDown .75s ease-in-out forwards}@keyframes dropDown{0%{top:-400px}to{top:0}}.projectListSpan{font-size:xxx-large;padding-right:20px}.projectH2,.projectP{border:var(--BORDER-DEV-BLUE)}.projectContainerMain{display:flex;flex-direction:column;border:var(--BORDER-DEV-BLUE)}.projectUl{border:var(--BORDER-DEV-GREEN);margin-top:0rem;display:flex;flex-direction:column;list-style:none;width:100%;height:100%;justify-content:space-evenly}.projectLi{padding-top:1.25rem;font-size:5vw;flex-grow:1;height:100%}.projectImgGrid{display:flex;flex-direction:column}.projectItem{border:var(--BORDER-DEV-GOLD)}.projectItemImg,.projectItemInfo{border:var(--BORDER-DEV-PURPLE)}.projectItemTitle{border:var(--BORDER-DEV-GREEN);font-size-adjust:calc();width:100%;margin-bottom:1rem;padding-bottom:.75rem;display:none}.projectItemTitleMobile{border:var(--BORDER-DEV-GREEN);font-size-adjust:calc();width:100%;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--DARKGRAY)}.projectItemDescription{border:var(--BORDER-DEV-GREEN);padding-bottom:1rem}.projectItemHref{border:var(--BORDER-DEV-GREEN);padding-bottom:3rem;font-style:italic;font-size:small;font-weight:300;color:var(--DARKGRAY)!important}.projectItemHref span{font-style:normal;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:800}.divImgMain{border:var(--BORDER-DEV)}.divRestMain{display:flex;flex-direction:column;border:var(--BORDER-DEV)}.divImg{padding:.75rem 0rem}.projectImg{padding-bottom:2rem;border-radius:0}.techYear{display:flex;justify-content:space-between;padding-bottom:1rem}.techStack{flex-basis:40%;text-align:end}.techYear p:first-child{font-weight:700;font-size:medium;font-size:max(1vw,18px)}.techYear p:last-child{font-size:max(1vw,16px);font-family:var(--FF-ROB);font-weight:700;color:var(--DARKGRAY)}.projectItemDescription{font-size:max(1.7vw,18px);font-family:var(--FF-ROB);font-weight:700;color:var(--DARKGRAY)}.homePage,.aboutPage,.darkTheme,.mobile{padding-top:1.5rem}.imgHeader{font-size:max(1.5vw,16px)}@media (min-width: 1400px){.projectImgGrid{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.homePage,.aboutPage,.darkTheme,.mobile{max-width:47%}}@media (min-width: 1000px){.projectContainerMain{display:flex;flex-direction:row}.divImgMain{padding-right:2rem;max-width:60vw}.divRestMain{width:max(30vw,50%)}.projectItemTitleMobile{display:none}.projectItemTitle{display:flex}}@media (max-width: 800px){.project,.ProjectList{padding:var(--PADDING-SMALL-PROJECTS)}.projectItemTitle{font-size:6vw}}.pagination{display:flex;align-items:center;flex-basis:100%;width:100%;height:100%;justify-content:space-between;padding-top:4.5rem}.backLink{display:flex;flex-direction:column}.forwardLink{display:flex;flex-direction:column;align-items:flex-end}.art{border:var(--BORDER-DEV);padding:var(--PADDING-SIDE-FULLSCREEN);display:flex;flex-direction:column}.artH2,.artContainer{border:var(--BORDER-DEV-BLUE)}.artItemm{border:var(--BORDER-DEV-PURPLE);display:flex;flex-direction:column;padding:2rem 0}.artItemFig{border:var(--BORDER-DEV)}.artItemImgContainer{border:var(--BORDER-DEV-BLUE)}.artItemParagraph{border:var(--BORDER-DEV-GREEN);flex-basis:50%;display:flex;flex-direction:column;justify-content:center;padding:0 2rem}.artItemTitle{flex:1}.artItemCaption{border:var(--BORDER-DEV);flex-basis:20%;font-size:var(--FS-H1)}.artItemDescription{border:var(--BORDER-DEV);flex-basis:80%;font-size:var(--FS-P)}.artContainer{columns:14rem auto}.art>p{border:var(--BORDER-DEV-GOLD);padding-top:min(3rem,10vh);padding-bottom:1rem}.artItem{position:relative;margin-bottom:1rem;border:var(--BORDER-DEV-GOLD)}.artTitleDiv{padding:.5rem;color:var(--BGCOLOR);display:flex;position:absolute;bottom:0;right:0;left:0;background-color:#000000b3;opacity:0;transition:opacity .3s}.artItem:hover .artTitleDiv{opacity:1}.artImg{width:100%}@media (max-width: 800px){.art{display:flex;max-width:100vw;padding:var(--PADDING-SMALL)}.artItemImgContainer,.artItemParagraph{flex-basis:100%;padding:0}.artH2{visibility:hidden;position:absolute}}@media (max-width: 419px){.artTitleDivv{opacity:1;position:inherit;background-color:#000}.artItem{margin-bottom:2rem;position:relative}}@media (max-width: 501px){.artContainer{columns:12rem auto}}@media (hover: none){.artTitleDiv{opacity:1;position:inherit;background-color:#000}}.insta{font-style:italic;text-align:center;color:var(--LIGHTERDARKGRAY)!important;flex:2}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-1800px)}}.slider{height:300px;margin:auto;overflow:hidden;position:relative;width:100}.slider:before,.slider:after{content:"";height:300px;position:absolute;width:auto;z-index:2}.slider:after{right:0;top:0;transform:rotate(180deg)}.slider:before{left:0;top:0}.slider .slideTrack{animation:scroll 22s linear infinite;display:flex;width:3600px}.slider .slide{height:300px}.slider .slide img{padding-left:2rem;height:300px;width:auto}.carousell{overflow:hidden;width:100%}.carouselProject{display:flex;transition:transform .5s ease-in-out}.carouselItem{flex:0 0 100%;box-sizing:border-box}.carouselItemArt{flex:0 0 100%;box-sizing:border-box;background-color:#000}.carouselTitle{text-align:center}:root{--IMG1: 200px;--IMG2: 300px;--IMG3: ;--IMG4: ;--IMG5: ;--IMG6: ;--IMG7: ;--IMG8: ;--IMG9: }#slider{height:300px;border:var(--BORDER-DEV-GOLD);overflow:hidden}#slider ul{height:inherit;border:var(--BORDER-DEV-GREEN);display:flex;overflow:hidden;list-style:outside none none}.image-wrapper{position:relative}.image-wrapper img{height:100px;object-fit:cover}.img1{left:-120px}.img2{left:20px}.img3{left:120px}.img4{left:240px}.img5{left:360px}.img6{left:480px}.img7{left:600px}.img8{left:720px}.img9{left:840px}.animation{animation:9s linear 1s infinite running cycle1}@keyframes cycle1{0%{left:-400px;opacity:0}0.01%{left:-400px;opacity:1}99.99%{left:100vw;opacity:1}to{left:-400px;opacity:0}}.animation[class*=img]{left:-100px}.animation.img1{animation-delay:2s}.animation.img2{animation-delay:3s}.animation.img3{animation-delay:4s}.animation.img4{animation-delay:5s}.animation.img5{animation-delay:6s}.animation.img6{animation-delay:7s}.animation.img7{animation-delay:8s}.animation.img8{animation-delay:9s}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}html{font-size:100%}img{display:block;max-width:100%;height:auto}input,button,textarea{font:inherit}.body,body,form,input,button{border:none;outline:none}body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,figure,ol,ul,dl,li,dd,dt,fieldset,legend,button,input,textarea,select{margin:0;padding:0}fieldset{border:0;padding:0;margin:0;min-width:0}:root{--FF-ROB: "Roboto", sans-serif;--FF-SYNE: "Syne", sans-serif;--FS: clamp(1rem, 2.2vh, 1.5rem);--FS-P: clamp(16px, 4vw, 22px);--FS-H3: clamp(18px, 4.5vw, 24px);--FS-H1: clamp(28px, 6vw, 36px);--FS-H2: clamp(22px, 5vw, 28px);--FS-H2-MOBILE: clamp(25px, 5vw, 28px);--BGCOLOR: #FCF9F5;--BGCOLOR-NAV: oldlace;--TEXTCOLOR: black;--TEXTCOLOR-LIGHT: var(--TACHA);--DARK: #330033;--SPRINGWOOD: #F4F2EA;--SPRINGWOOD2: #dedcd2;--TACHA: #D2B670;--AUCHICO: #9E655C;--CHOCOLATE: #42333C;--CODGRAY: #191919;--DARKGRAY: #595959;--LIGHTERDARKGRAY: rgb(130, 130, 130);--PADDING-NAV-TB: 1em;--PADDING-TB: .25em;--PADDING-SIDE: 2.5%;--PADDING-LINK: .5rem 1rem;--PADDING-SIDE-FULLSCREEN: 5rem;--PADDING-SMALL: 1.25rem 1.5rem;--PADDING-SMALL-PROJECTS: 1.25rem 1.5rem 0rem 1.5rem;--PADDING-SMALL-TALL: 4rem 1.5rem;--MARGIN: clamp(1em, 2.5vh, 1.5em) 0;--BORDER-RAD: 5px}.offscreen{position:absolute;left:-10000px}.nowrap{white-space:nowrap}.center{text-align:center}.uppercase{text-transform:uppercase}.comingSoon{font-size:small;font-style:italic;text-align:center;color:var(--LIGHTERDARKGRAY);flex:2}.overflowHidden{overflow:hidden}html{scroll-behavior:smooth;font-family:var(--FF-SYNE);background-color:var(--BGCOLOR)}.body{flex:1;max-width:100vw;display:flex;flex-direction:column}.body.navOpen{position:fixed}nav{max-width:100vw;top:0;z-index:1}h1,h2,h3,h4{text-transform:uppercase;font-family:var(--FF-SYNE);font-weight:800}h1,h2{letter-spacing:.1em}a:any-link{text-decoration:none;color:var(--TEXTCOLOR)}p a:any-link{color:var(--AUCHICO)}.App{display:flex;flex-direction:column;min-height:100vh}::-webkit-input-placeholder{color:#d3d3d3;font-style:italic}:-moz-placeholder{color:#d3d3d3;font-style:italic}::-moz-placeholder{color:#d3d3d3;font-style:italic}:-ms-input-placeholder{color:#d3d3d3;font-style:italic}a.progressive{position:relative;display:block;overflow:hidden;outline:none}a.progressive:not(.replace){cursor:default}a.progressive img{display:block;width:100%;max-width:none;height:auto}a.progressive img.preview{filter:blur(2vw)}a.progressive img.reveal{position:absolute;left:0;top:0;will-change:opacity;animation:reveal 1s ease-out}@keyframes reveal{0%{opacity:0}to{opacity:1}}.App :has(.mobileNav.active)+.body{display:none!important}.reveal div{position:relative;transform:translateY(20px);opacity:0;transition:all 1s ease}.reveal.active div{transform:translateY(0);opacity:1}.popUpContainer{display:flex;z-index:201;position:fixed;right:0;bottom:20px;max-width:350px;min-width:280px;top:auto;left:auto;background-color:var(--SPRINGWOOD2);border-top-left-radius:200px;justify-content:center;visibility:hidden;animation:appear 1.2s ease-in 3s forwards}@keyframes appear{0%{bottom:-250px;visibility:hidden}to{bottom:0;visibility:visible}}.popUp{padding:2rem;text-align:end}.popUpClose{position:absolute;top:1rem;right:2rem;background-color:transparent;font-weight:800;font-size:larger;color:#000;cursor:pointer}.popUpClose:hover{color:var(--AUCHICO)}.popUp p{padding-top:1rem}.popUp h3{text-align:end;padding-top:2rem}.popUp h3 span:first-child{font-size:larger}.popUp h3 span:last-child{font-size:medium}.footer{flex-shrink:0;border:var(--BORDER-DEV);text-transform:uppercase;font-size:small;color:#d3d3d3;margin-top:.5rem;padding:1rem var(--PADDING-SIDE);text-align:center}@media (max-width: 800px){.footer{font-size:x-small;color:#d3d3d3}}