:root{--clr-primary-100:#2f3644;--clr-primary-200:#242a35;--clr-primary-300:#1a1e26;--clr-primary-400:#101217;--clr-primary-500:#050608;--clr-accent-100:#fd9571;--clr-accent-200:#fc8258;--clr-accent-300:#fc6f3f;--clr-accent-400:#fc5c26;--clr-accent-500:#fb490d;--clr-neutral-100:#fff;--clr-neutral-200:#dedede;--clr-neutral-300:#ccc;--clr-neutral-400:#999;--clr-neutral-500:grey;--clr-neutral-600:#666;--clr-neutral-700:#4d4d4d;--clr-neutral-800:#262626;--clr-neutral-900:#000;--clr-primary-opacity-100:rgba(26,30,38,.2);--clr-primary-opacity-200:rgba(26,30,38,.4);--clr-primary-opacity-300:rgba(26,30,38,.6);--clr-primary-opacity-400:rgba(26,30,38,.8);--clr-primary-opacity-500:#1a1e26;--clr-accent-opacity-100:rgba(252,111,63,.2);--clr-accent-opacity-200:rgba(252,111,63,.4);--clr-accent-opacity-300:rgba(252,111,63,.6);--clr-accent-opacity-400:rgba(252,111,63,.8);--clr-accent-opacity-500:#fc6f3f;--clr-white-opacity-100:hsla(0,0%,100%,.2);--clr-white-opacity-200:hsla(0,0%,100%,.4);--clr-white-opacity-300:hsla(0,0%,100%,.6);--clr-white-opacity-400:hsla(0,0%,100%,.8);--clr-white-opacity-500:#fff;--clr-black-opacity-100:rgba(0,0,0,.2);--clr-black-opacity-200:rgba(0,0,0,.4);--clr-black-opacity-300:rgba(0,0,0,.6);--clr-black-opacity-400:rgba(0,0,0,.8);--clr-black-opacity-500:#000;--clr-grey-opacity-100:rgba(77,77,77,.2);--clr-grey-opacity-200:rgba(77,77,77,.4);--clr-grey-opacity-300:rgba(77,77,77,.6);--clr-grey-opacity-400:rgba(77,77,77,.8);--clr-grey-opacity-500:#4d4d4d;--fs-display:8rem;--fs-heading:3.6rem;--fs-subheading:2.4rem;--fs-label:1.8rem;--fs-body:1.4rem;--fs-caption:1rem;--ff-primary:"Roboto Flex",sans-serif;--ff-accent:"Dosis",serif}@media only screen and (max-width:37.5em){:root{--fs-display:5rem;--fs-heading:3rem;--fs-subheading:2rem;--fs-label:1.4rem;--fs-body:1rem;--fs-caption:0.8rem}}.heading-display{font-size:var(--fs-display);font-weight:300}.heading-1,.heading-display{line-height:1.2;text-transform:capitalize}.heading-1{font-size:var(--fs-heading);font-weight:700}.heading-2{font-size:var(--fs-subheading);font-weight:500;letter-spacing:1rem}.heading-2,.heading-3{text-transform:uppercase}.heading-3{font-size:var(--fs-label);font-weight:300;letter-spacing:.5rem}.caption{font-size:var(--fs-caption)}@-webkit-keyframes pulsate--white{0%{box-shadow:none;transform:scale(1)}50%{box-shadow:0 2rem 6rem hsla(0,0%,100%,.3);transform:scale(1.05)}to{box-shadow:none;transform:scale(1)}}@keyframes pulsate--white{0%{box-shadow:none;transform:scale(1)}50%{box-shadow:0 2rem 6rem hsla(0,0%,100%,.3);transform:scale(1.05)}to{box-shadow:none;transform:scale(1)}}@-webkit-keyframes bike-rotate{to{transform:rotate(1turn)}}@keyframes bike-rotate{to{transform:rotate(1turn)}}@-webkit-keyframes bike-move{to{right:900px}}@keyframes bike-move{to{right:900px}}@-webkit-keyframes moveInLeft{0%{opacity:0;transform:translateX(-10rem)}80%{transform:translateX(5rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInLeft{0%{opacity:0;transform:translateX(-10rem)}80%{transform:translateX(5rem)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes app-transition-in{0%{height:0;opacity:0;visibility:hidden}50%{height:var(--app-height);opacity:0;visibility:hidden}to{height:var(--app-height);opacity:1;visibility:visible}}@keyframes app-transition-in{0%{height:0;opacity:0;visibility:hidden}50%{height:var(--app-height);opacity:0;visibility:hidden}to{height:var(--app-height);opacity:1;visibility:visible}}@-webkit-keyframes appCon-transition-in{0%{height:0;opacity:0;visibility:hidden}50%{height:auto;opacity:0;visibility:hidden}to{height:auto;opacity:1;visibility:visible}}@keyframes appCon-transition-in{0%{height:0;opacity:0;visibility:hidden}50%{height:auto;opacity:0;visibility:hidden}to{height:auto;opacity:1;visibility:visible}}@-webkit-keyframes hero-transition-out{0%{height:100vh;opacity:1;visibility:visible}to{height:0;opacity:0;visibility:hidden}}@keyframes hero-transition-out{0%{height:100vh;opacity:1;visibility:visible}to{height:0;opacity:0;visibility:hidden}}@-webkit-keyframes loading{30%{opacity:1}85%{border-color:var(--clr-accent-opacity-100);opacity:1;transform:rotate(3turn)}to{border-color:var(--clr-accent-500);opacity:1;transform:rotate(3turn)}}@keyframes loading{30%{opacity:1}85%{border-color:var(--clr-accent-opacity-100);opacity:1;transform:rotate(3turn)}to{border-color:var(--clr-accent-500);opacity:1;transform:rotate(3turn)}}@-webkit-keyframes display-popup{0%{opacity:0;visibility:hidden}10%{opacity:1;visibility:visible}to{opacity:1;visibility:visible}}@keyframes display-popup{0%{opacity:0;visibility:hidden}10%{opacity:1;visibility:visible}to{opacity:1;visibility:visible}}@-webkit-keyframes display-modal{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes display-modal{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.hero-animation .hero__bicycle{-webkit-animation:moveInLeft 1s ease-out 1.5s backwards;animation:moveInLeft 1s ease-out 1.5s backwards}.hero-animation .hero__btn{-webkit-animation:pulsate--white 1s ease-in 2s 5;animation:pulsate--white 1s ease-in 2s 5}.bicycle-animation .bicycle__spokes{-webkit-animation:bike-rotate 2s linear infinite;animation:bike-rotate 2s linear infinite}.bicycle-animation .bicycle__gear{-webkit-animation:bike-rotate 3s linear infinite;animation:bike-rotate 3s linear infinite}.bicycle-animation .bicycle__ground{-webkit-animation:bike-move linear infinite;animation:bike-move linear infinite;-webkit-animation-delay:2.5s;animation-delay:2.5s}@media only screen and (max-width:37.5em){.bicycle-animation .bicycle__ground{-webkit-animation:none;animation:none}}.bicycle-animation .bicycle__ground--1{-webkit-animation-duration:3s;animation-duration:3s}.bicycle-animation .bicycle__ground--2{-webkit-animation-duration:4s;animation-duration:4s}.bicycle-animation .bicycle__ground--3{-webkit-animation-duration:5s;animation-duration:5s}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%}body{color:var(--clr-primary-300);font-family:var(--ff-primary);font-size:var(--fs-body);font-weight:400;line-height:1.6}::-moz-selection{background-color:var(--clr-accent-100)}::selection{background-color:var(--clr-accent-100)}.logo{color:var(--clr-neutral-100);font-weight:500}.logo__heading{display:inline;font-size:var(--fs-subheading)}.logo__your{color:var(--clr-accent-300)}.logo__pig{height:2.5rem;position:relative;top:.5rem;width:2.5rem}.gradient--white-subtle{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,var(--clr-white-opacity-500),var(--clr-white-opacity-300));color:transparent;display:inline-block}.container-main{background-color:var(--clr-primary-300)}.home{background-image:linear-gradient(to top right,var(--clr-primary-400),var(--clr-primary-200),var(--clr-primary-100))}.app__container{background-color:var(--clr-neutral-100)}.dashboard{background-image:linear-gradient(to top right,var(--clr-primary-400),var(--clr-primary-200),var(--clr-primary-100))}.hero{flex-direction:column;gap:3rem}.app,.hero{align-items:center;justify-content:center}.app,.app__container,.hero{display:flex}@media only screen and (max-width:56.25em){.app__container{align-items:center;flex-direction:column-reverse}}.dashboard{align-items:center;display:flex;flex-direction:column;justify-content:center}.bicycle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative}.bicycle__bike{height:300px;inset:0;margin:auto;max-width:350px;overflow:hidden;position:absolute;z-index:3}.bicycle__wheel{bottom:0;box-shadow:0 10px 15px -12px rgba(0,0,0,.3);height:120px;margin:auto;position:absolute;top:0;width:120px}.bicycle__tire{border:10px solid #1a1e26;border-radius:50%;height:inherit;width:inherit;z-index:2}.bicycle__rim,.bicycle__tire{inset:0;margin:auto;position:absolute}.bicycle__rim{border:10px solid #fc5c26;border-radius:50%;height:114px;width:114px;z-index:1}.bicycle__spokes{background-color:hsla(0,48%,59%,.1);border-radius:50%;border-top:3px solid #fc5c26;height:78px;inset:0;margin:auto;position:absolute;width:78px;z-index:1}.bicycle__spokes,.bicycle__spokes:nth-of-type(3){border-left:3px solid transparent;border-right:3px solid transparent}.bicycle__spokes:nth-of-type(3){border-bottom:3px solid #fc5c26}.bicycle__hub{background-color:#fc5c26;border-radius:50%;height:24px;inset:0;margin:auto;position:absolute;width:24px}.bicycle__back-wheel{left:0}.bicycle__front-wheel{right:0}.bicycle__gear{background-color:#1a1e26;bottom:0;height:36px;left:159.6px;top:0;width:36px;z-index:4}.bicycle__gear,.bicycle__gear-red{border-radius:50%;margin:auto;position:absolute}.bicycle__gear-red{border:3px solid #fc5c26;height:24px;inset:0;width:24px}.bicycle__pedal-tube{inset:-30px 0 0 0;margin:auto;position:absolute;transform:rotate(-90deg);width:20px}.bicycle__pedal{background-color:#fc5c26;inset:-50px 0 0 0;width:20px}.bicycle__pedal,.bicycle__tube{border-radius:5px;height:5px;margin:auto;position:absolute;z-index:3}.bicycle__tube{background-color:#1a1e26;bottom:0;top:0}.bicycle__chain-tube{left:60px;width:120px}.bicycle__seat-tube-back{left:60px;transform:rotate(-60deg);transform-origin:left;width:120px}.bicycle__seat-tube-front{left:60px;transform:rotate(60deg);transform-origin:right;width:120px}.bicycle__seat-tube-post{background-color:#fc5c26;height:4px;left:40px;transform:rotate(60deg);transform-origin:right;width:140px;z-index:1}.bicycle__top-tube{bottom:auto;left:120px;top:44px;width:113px}.bicycle__top-handlebar-tube{background-color:#fc5c26;bottom:auto;right:112px;top:25px;width:20px}.bicycle__top-handlebar-tube2{background-color:#1a1e26;border-radius:0;bottom:auto;right:90px;top:25px;width:25px}.bicycle__down-tube{left:180px;transform:rotate(-50deg);transform-origin:left;width:100px}.bicycle__head-tube{width:120px}.bicycle__head-tube,.bicycle__head-tube-post{right:60px;transform:rotate(60deg);transform-origin:right}.bicycle__head-tube-post{background-color:#fc5c26;height:4px;width:140px;z-index:1}.bicycle__saddle{background-color:#1a1e26;border-bottom-left-radius:50%;border-top-left-radius:50%;border-top-right-radius:100%;height:10px;left:85px;top:20px;width:50px}.bicycle__handlebars,.bicycle__saddle{margin:auto;position:absolute;z-index:2}.bicycle__handlebars{border-bottom:5px solid #fc5c26;border-bottom-right-radius:50%;border-right:5px solid #1a1e26;border-top:5px solid #1a1e26;border-top-right-radius:50%;height:30px;right:75px;top:25px;width:30px}.bicycle__grounds{height:200px;inset:0;margin:auto;overflow:hidden;position:absolute;width:600px}@media only screen and (max-width:37.5em){.bicycle__grounds{display:none}}.bicycle__ground{background-color:#fc5c26;margin:auto;position:absolute;z-index:-1}.bicycle__ground--1{border-radius:10px;bottom:0;height:4px;right:-150px;width:100px;z-index:5}.bicycle__ground--1:before{background-color:#fc5c26;border-bottom-left-radius:20%;border-top-left-radius:30%;border-top-right-radius:60%;content:"";height:30px;left:150px;margin:auto;position:absolute;top:-60px;width:40px}.bicycle__ground--2{border-radius:10px;bottom:70px;height:2px;right:-250px;width:100px;z-index:1}.bicycle__ground--2:before{background-color:#fc5c26;border-bottom-left-radius:20%;border-top-left-radius:30%;border-top-right-radius:60%;content:"";height:10px;left:200px;margin:auto;position:absolute;top:-30px;width:20px}.bicycle__ground--3{border-radius:10px;height:2px;right:-300px;top:50px;width:100px;z-index:1}.bicycle__ground--3:before{background-color:#fc5c26;border-bottom-left-radius:20%;border-top-left-radius:30%;border-top-right-radius:60%;content:"";height:5px;left:-100px;margin:auto;position:absolute;top:10px;width:10px}.btn-cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--clr-accent-400);border:1px solid var(--clr-accent-300);border-radius:10rem;box-shadow:0 1rem 2rem hsla(0,0%,100%,.2);color:var(--clr-neutral-100);cursor:pointer;display:inline-block;font-size:var(--fs-label);letter-spacing:.3rem;padding:1.5rem 3rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .2s;width:-webkit-max-content;width:-moz-max-content;width:max-content}.btn-cta:focus,.btn-cta:hover{transform:translateY(-2px)}.btn-cta:focus{outline:none}.btn-cta:active{transform:translateY(2px)}.btn-cta:active,.btn-cta:focus,.btn-cta:hover{box-shadow:0 2rem 6rem hsla(0,0%,100%,.3)}.btn-ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid var(--clr-neutral-100);border-radius:10rem;box-shadow:0 1rem 2rem hsla(0,0%,100%,.2);color:var(--clr-neutral-100);cursor:pointer;display:inline-block;font-size:var(--fs-label);letter-spacing:.3rem;padding:1.5rem 3rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .2s;width:-webkit-max-content;width:-moz-max-content;width:max-content}.btn-ghost:focus,.btn-ghost:hover{transform:translateY(-2px)}.btn-ghost:focus{outline:none}.btn-ghost:active{transform:translateY(2px)}.btn-ghost:active,.btn-ghost:focus,.btn-ghost:hover{box-shadow:0 2rem 6rem hsla(0,0%,100%,.3)}.btn-ghost-accent{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid var(--clr-accent-300);border-radius:10rem;box-shadow:0 1rem 2rem hsla(0,0%,100%,.2);color:var(--clr-accent-300);cursor:pointer;display:inline-block;font-size:var(--fs-label);letter-spacing:.3rem;padding:1.5rem 3rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .2s;width:-webkit-max-content;width:-moz-max-content;width:max-content}.btn-ghost-accent:focus,.btn-ghost-accent:hover{transform:translateY(-2px)}.btn-ghost-accent:focus{outline:none}.btn-ghost-accent:active{transform:translateY(2px)}.btn-ghost-accent:active,.btn-ghost-accent:focus,.btn-ghost-accent:hover{box-shadow:0 2rem 6rem hsla(0,0%,100%,.3)}.btn-ops{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--clr-accent-300);border:none;border-radius:.7rem;color:var(--clr-neutral-100);cursor:pointer;display:inline-block;font-size:1.8rem;height:3.5rem;padding:1px;transition:all .3s;width:3.5rem}.btn-ops:active,.btn-ops:focus,.btn-ops:hover{box-shadow:0 1rem 2rem rgba(0,0,0,.2)}.btn-ops:focus,.btn-ops:hover{transform:translateY(-2px)}.btn-ops:focus{outline:none}.btn-ops:active{transform:translateY(2px)}.form{align-items:stretch;background-color:var(--clr-neutral-100);border-radius:5px;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:1.5rem;padding:2rem 2.75rem;transition:all .5s;width:30rem}@media only screen and (max-width:23.75em){.form{padding:2rem;width:100%}}.form__notes{height:7rem}.form__btn{align-self:end}.form__row{align-items:center;display:flex}.form__label{flex:0 0 40%;font-size:1.5rem;font-weight:600;margin-right:1rem}.form__input{background-color:var(--clr-neutral-200);border:none;border-radius:3px;font-family:inherit;font-size:var(--fs-body);padding:.3rem 1.1rem;transition:all .2s;width:100%}.form__input:focus{outline:none}.form__input::-webkit-input-placeholder{color:var(--clr-black-opacity-200)}.form__input--notes{height:7rem}.form-user__content{text-align:center}.form-user__heading{color:var(--clr-neutral-200);text-transform:capitalize}.form-user__span{color:var(--clr-accent-200)}.form-user__input{background-color:var(--clr-white-opacity-200);border:none;border-bottom:3px solid transparent;border-radius:2px;font-family:inherit;font-size:1.5rem;max-width:20rem;padding:1.5rem 2rem;transition:all .3s}.form-user__input:focus{border-bottom:3px solid var(--clr-neutral-100);box-shadow:0 1rem 2rem rgba(0,0,0,.2);outline:none}.form-user__input:focus:invalid{border-bottom:3px solid var(--clr-accent-300)}.form-user__input::-webkit-input-placeholder{color:var(--clr-neutral-300)}.form-user__input:-moz-placeholder-shown+.form-user__label{opacity:0;transform:translateY(-4rem);visibility:hidden}.form-user__input:-ms-input-placeholder+.form-user__label{opacity:0;transform:translateY(-4rem);visibility:hidden}.form-user__input:placeholder-shown+.form-user__label{opacity:0;transform:translateY(-4rem);visibility:hidden}.form-user__label{color:var(--clr-neutral-200);display:block;font-size:1.2rem;font-weight:400;margin-left:2rem;margin-top:.7rem;text-align:start;transition:all .3s}.form-user__btn{font-size:var(--fs-body);margin-block:1.5rem}.loader{background-color:transparent;border-radius:50%;border-top:2px solid var(--clr-accent-opacity-100);border:2px solid var(--clr-accent-opacity-100);border-top-color:var(--clr-accent-300);height:50px;margin:30px auto 0;width:50px}.loader,.loader__check{align-items:center;display:flex;justify-content:center;opacity:0}.loader__check{flex-direction:column;height:100%;transform:translate3d(-4px,50px,0);width:100%}.loader__check-1{transform:rotate(45deg);width:10px}.loader__check-1,.loader__check-2{background-color:var(--clr-accent-300);display:block;height:2px}.loader__check-2{transform:rotate(-45deg) translate3d(14px,-4px,0);transform-origin:100%;width:20px}.loader.loader-active{-webkit-animation:loading 2s ease-in-out forwards;animation:loading 2s ease-in-out forwards}.loader__check.loader-active{opacity:1;transform:translate3d(-4px,4px,0);transition:all .5s cubic-bezier(.49,1.74,.38,1.74) .2s}.modal{background-color:var(--clr-black-opacity-400);height:100vh;opacity:0;position:fixed;transition:all .5s;visibility:hidden;width:100%;z-index:555}.modal,.modal__form-user{align-items:center;display:flex;justify-content:center}.modal__form-user{background-image:linear-gradient(to top right,var(--clr-primary-400),var(--clr-primary-200),var(--clr-primary-100));border:none;border-radius:25px;flex-direction:column;gap:2rem;height:28rem;padding:2rem 2.5rem;text-align:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}@media only screen and (max-width:37.5em){.modal__form-user{width:90%}}.home{overflow:hidden}.hero,.home{height:100vh}.hero{position:relative}.hero__heading{text-align:center}@media only screen and (max-width:37.5em){.hero__heading{width:25rem}}@media only screen and (max-width:23.75em){.hero__heading{display:none}}.hero__heading--togo{color:var(--clr-accent-300)}.hero__bicycle{-webkit-animation:moveInLeft 1s ease-out 1.5s backwards;animation:moveInLeft 1s ease-out 1.5s backwards;height:50%;width:100%}@media only screen and (max-width:37.5em){.hero__bicycle{height:30%;width:150%}}.app{height:0;opacity:0;visibility:hidden}.app__container{height:0;width:100%}.map{height:100vh;width:80%}@media only screen and (max-width:56.25em){.map{height:80vh;width:100vw}}.leaflet-popup .leaflet-popup-content-wrapper{background-color:var(--clr-primary-100);border-left:5px solid var(--clr-accent-200);border-radius:5px;color:var(--clr-neutral-100);padding-right:.6rem;width:-webkit-max-content;width:-moz-max-content;width:max-content}.leaflet-popup .leaflet-popup-content{font-size:var(--fs-label);text-align:center}.leaflet-popup .leaflet-popup-tip{background-color:var(--clr-primary-100)}.dashboard{padding:1.5rem;width:40%}@media only screen and (max-width:56.25em){.dashboard{border-radius:75px;height:100vh;width:95vw}}.dashboard__greetings{color:var(--clr-neutral-100);letter-spacing:.4rem;margin-top:1.5rem;text-align:center}.dashboard__heading{font-weight:300;margin-bottom:5rem}.dashboard__sub-heading{font-weight:300;margin-top:1.5rem}.dashboard__username{color:var(--clr-accent-300);font-family:var(--ff-accent);font-weight:600;text-transform:capitalize}.dashboard__logo{margin-bottom:1.5rem}.dashboard__btn-reset{font-size:var(--fs-body);margin-top:5rem}.trips{height:68vh;list-style:none;overflow-x:hidden;overflow-y:scroll;width:30rem}@media only screen and (max-width:23.75em){.trips{width:97%}}.trips::-webkit-scrollbar{width:0}.trip__checklist{background-color:var(--clr-neutral-100);border-left:5px solid var(--clr-accent-200);border-radius:5px;cursor:pointer;margin-bottom:1.5rem;padding:1.5rem 2.25rem;position:relative;transition:all .3s;width:100%}@media only screen and (max-width:56.25em){.trip__checklist{width:100%}}.trip__summary{display:grid;gap:.5rem;grid-template-areas:"title title" "loc loc" "time trip";list-style:none}.trip__summary::-webkit-details-marker{display:none}.trip__title{font-weight:600;grid-area:title}.trip__emoji{font-size:var(--fs-label);position:absolute;right:1rem}.trip__location{grid-area:loc}.trip__time{grid-area:time}.trip__trip{grid-area:trip}.trip__icon{color:transparent;font-size:2rem;margin-right:1rem;text-shadow:0 0 0 var(--clr-accent-100)}.error{color:var(--clr-accent-300);opacity:0;text-align:center;visibility:hidden}.error__modal{margin-top:-1.5rem}.footer{color:var(--clr-white-opacity-300);padding:4rem 8rem}@media only screen and (max-width:37.5em){.footer{padding:2rem}}.footer__nav{align-items:center;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));list-style:none}@media only screen and (max-width:37.5em){.footer__nav{grid-template-columns:repeat(3,1fr)}}.footer__nav--link{background-color:var(--clr-grey-opacity-100);color:inherit;display:block;font-size:var(--fs-caption);padding:1.5rem;text-align:center;text-decoration:none;transition:all .2s}.footer__nav--link:focus,.footer__nav--link:hover{background-color:var(--clr-white-opacity-100);color:var(--clr-neutral-100);transform:translateY(-3px)}.footer__nav--link:focus{outline:none}.footer__nav--link:active{transform:translateY(3px)}.footer__copyright{font-size:var(--fs-caption);margin-left:auto;margin-right:auto;margin-top:5rem;text-align:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}:root{--app-height:100vh}@media only screen and (max-width:56.25em){:root{--app-height:100%}}.app-transition-in{-webkit-animation:app-transition-in 1s ease-out forwards;animation:app-transition-in 1s ease-out forwards}.appCon-transition-in{-webkit-animation:appCon-transition-in 1s ease-out forwards;animation:appCon-transition-in 1s ease-out forwards}.hero-transition-out{-webkit-animation:hero-transition-out .5s ease-out forwards;animation:hero-transition-out .5s ease-out forwards}.display-error{-webkit-animation:display-popup 3s ease-out forwards;animation:display-popup 3s ease-out forwards}.display-modal{-webkit-animation:display-modal 2s ease-out forwards;animation:display-modal 2s ease-out forwards}.hidden{height:0;margin-bottom:0;opacity:0;padding:0 2.25rem;transform:translateY(-30rem)}