html,body,div,h1,h2,h3,h4,h5,h6,p,a,img,ol,ul,li,fieldset,form,label,legend,article,aside,footer,header,menu,nav,section,time{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,footer,header,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}@font-face{font-family:Gotu-Regular;src:url(/assets/Gotu-Regular-Cu4bh6jS.ttf)}@font-face{font-family:Montserrat-Regular;src:url(/assets/Montserrat-Regular-Cw3fqWkz.ttf)}@font-face{font-family:HomemadeApple-Regular;src:url(/assets/HomemadeApple-Regular-CFJXaxTv.ttf)}@font-face{font-family:Mynerve-Regular;src:url(/assets/Mynerve-Regular-CIQ43Par.ttf)}@font-face{font-family:ArchitectsDaughter-Regular;src:url(/assets/ArchitectsDaughter-Regular-f-p1hF9e.ttf)}@font-face{font-family:Jack_Armstrong;src:url(/assets/Jack_Armstrong-Djh8UjwK.ttf)}*,*:before,*:after{box-sizing:border-box}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100vw;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:clamp(6.25rem,20vw + 1.25rem,17.5rem)}p{text-align:justify}body{background-image:url(/project__background.png);background-size:cover;background-position:center;background-repeat:no-repeat;margin:0;padding:0}html,body,#root{margin:0;padding:0}.header{width:100vw;margin-top:1.875rem;flex-shrink:0;background-image:url(/header_paper_my.png);background-size:cover;background-repeat:no-repeat;background-position:top;height:clamp(6.25rem,20vw + 1.25rem,17.5rem);transform:translateY(0);transition:transform .3s ease-in-out;position:sticky;top:0;z-index:10}.header__tape-top,.header__tape-top--second{position:absolute;background-color:#ffc86480;width:clamp(5rem,15vw,6.25rem);height:clamp(1.5rem,6vw,3.125rem);top:clamp(-2rem,-1vh,-1.25rem)}.header__tape-top{left:clamp(5rem,15vw,12.5rem)}.header__tape-top--second{left:clamp(40%,65vw,65%)}.header__content{padding-top:1.25rem;display:flex;justify-content:space-between;align-items:center;padding-inline:2rem}.header__logo{display:flex}.header__logo-style{max-width:6.25rem;align-items:center}.header__logo-style:hover,.header__logo-style:active{cursor:url(/assets/cat-paw-cursor-D_FJ9yNv.PNG) 8 2,pointer;transform:scale(1.2);transition:transform .3s ease-in-out}.header__nav{display:flex;justify-content:center;align-items:center}.header__nav-list{display:flex;gap:4.375rem}.header__nav-link{position:relative;cursor:url(/assets/cat-paw-cursor-D_FJ9yNv.PNG) 8 2,pointer;text-decoration:none;color:#239;font-family:ArchitectsDaughter-Regular;font-size:1.8rem}.header__nav-link:before{display:block;content:"";padding-top:.625rem;border-bottom:.125rem solid #bd3ce1;transform:scaleX(0);transform-origin:center;bottom:0;left:0;position:absolute;bottom:-.5rem;width:100%;transition:transform .3s ease-in-out}.header__nav-link:hover:before,.header__nav-link:active:before{transform:scaleX(1);transition-delay:.3s}.header__nav-link:hover,.header__nav-link:active{color:#bd3ce1}.header__mobile-menu{display:none}.header__mobile-menu__toggle{background:none;border:none;color:#0c0693;cursor:url(/assets/cat-paw-cursor-D_FJ9yNv.PNG) 8 2,pointer}.header__icons{display:flex}.home{margin-bottom:4.375rem}.home__name{padding-left:1rem;color:#bd3ce1;font-size:clamp(2.5rem,5vw,3.125rem);font-family:HomemadeApple-Regular;max-width:100%}.home__picture{display:grid;grid-template-columns:3fr 2fr;align-items:center;gap:3.75rem}.home__picture-cat--style{width:100%;max-width:37.5rem;justify-self:end}.home__picture-description{background-color:#fff;padding:2rem;position:relative;display:flex;flex-direction:column;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;border-top-left-radius:15.625rem .9375rem;border-bottom-left-radius:1.25rem 7.1875rem;border-bottom-right-radius:6.5625rem .9375rem}.home__picture-description__tape{position:absolute;background-color:#ff09;height:clamp(2rem,6vh,3.125rem);width:clamp(7rem,20vw,9.375rem);top:clamp(-3rem,-2vh,-1.875rem)}.home__picture-description--style{font-size:clamp(1.2rem,1.2rem + 1vw,1.5625rem);font-family:Gotu-Regular;line-height:1.5;text-align:start}.about{margin-top:15.625rem;margin-bottom:12.5rem}.about__content{display:flex;flex-direction:column;gap:5rem}.about__title{overflow:hidden;display:grid;grid-template-columns:4fr 2fr;align-items:center}.about__title--text{padding:3rem;color:#bd3ce1;font-size:9rem;font-family:HomemadeApple-Regular}.about__title--picture-style{width:clamp(11rem,60vw,18.75rem);max-width:100%;height:auto;justify-self:end}.about__description{position:relative;background-color:#fff;padding:1.25rem;display:flex;gap:3.125rem;box-shadow:#00000026 0 3px 3px;background:#f4f0f0;margin:2rem;padding:3.5lh 3rem 1rem 5.5rem;font-family:system-ui;font-size:1.5rem;line-height:1.6;color:#1f1f1f;background-image:linear-gradient(90deg,transparent,transparent 4rem,hsl(350,100%,91%) 4rem,hsl(350,100%,91%) 4.25rem,transparent 4.25rem),linear-gradient(hsl(0,15%,95%),hsl(0,15%,95%) 4lh,transparent 4lh),repeating-linear-gradient(transparent,transparent calc(1lh - 2px),hsl(234,62%,86%) calc(1lh - 2px),hsl(234,62%,86%) 1lh,transparent 1lh);box-shadow:0 0 1rem #00000040}.about__description__tape-left{position:absolute;background-color:#ffa50066;width:clamp(6rem,20vw,12.5rem);height:clamp(1.5rem,6vw,3.125rem);transform:rotate(-45deg);top:clamp(-1rem,-2%,-.3rem);left:clamp(-3rem,-10vw,-1rem)}.about__description__tape-right{position:absolute;background-color:#ffa50066;width:clamp(6rem,20vw,12.5rem);height:clamp(1.5rem,6vw,3.125rem);transform:rotate(-35deg);bottom:clamp(-1.5rem,-3vw,-1rem);right:clamp(-3rem,-6vw,-2rem)}.about__description--text{text-indent:2em;padding-top:1.25rem;justify-content:center;font-family:Gotu-Regular;font-size:1.5625rem;line-height:1.5;display:flex;flex-direction:column}span{text-indent:2em}.projects{margin-top:10.625rem;margin-bottom:16.5rem}.projects__content{display:flex;flex-direction:column;gap:2.5rem}.projects__title{display:grid;grid-template-columns:2fr 4fr;align-items:center}.projects__title--picture--style{width:clamp(11rem,60vw,18.75rem);max-width:100%;height:auto}.projects__title--text{padding:1.8rem;color:#bd3ce1;font-size:8rem;font-family:HomemadeApple-Regular;justify-self:end}.projects__cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.card{width:40%;margin-top:2rem;position:relative;transition:all .35s}.card:nth-of-type(4n+1){transform:scale(.8) rotate(5deg)}.card:nth-of-type(4n+2){transform:scale(.8) rotate(-5deg)}.card:nth-of-type(4n+3){transform:scale(.8) rotate(-3deg)}.card:nth-of-type(4n+4){transform:scale(.8) rotate(3deg)}.card__photo{max-width:100%;height:auto;filter:grayscale(100%)}.card__photo:hover{cursor:url(/assets/cat-paw-cursor-D_FJ9yNv.PNG) 8 2,pointer;filter:none}.card:hover{cursor:url(/assets/cat-paw-cursor-D_FJ9yNv.PNG) 8 2,pointer;transform:scale(1) rotate(0)!important;transition:all .35s}.card__content{background:#fff;padding:1rem;box-shadow:0 .2rem 1.2rem #0003;position:relative}.card__content:before{content:"";position:absolute;z-index:-1;transition:all .35s;height:20%;width:47%;bottom:30px;box-shadow:0 2.1rem 2rem #0000004d}.card:nth-of-type(4n+1) .card__content:before{transform:rotate(6deg);right:12px}.card:nth-of-type(4n+2) .card__content:before{transform:rotate(-6deg);left:12px}.card:nth-of-type(4n+3) .card__content:before{transform:rotate(-4deg);left:12px}.card:nth-of-type(4n+4) .card__content:before{transform:rotate(4deg);right:12px}.card__whatUsed{margin-top:20px;display:flex;justify-content:center;gap:10px}.card__whatUsed--item{font-family:ArchitectsDaughter-Regular;font-size:1.6rem;text-align:center;line-height:2em}.card:hover{filter:none;transform:scale(1) rotate(0)}.card__pin{position:absolute;width:44px;height:44px;background:radial-gradient(circle at 30% 30%,#6cf,#007bff 70%,#003d80);border-radius:50%;transition:all .3s ease;box-shadow:0 4px 6px #0000004d,0 0 0 2px #ffffff4d inset;top:-15px;z-index:1}.card__pin--top-center{left:50%;transform:translate(-50%)}.card:hover .card__pin{opacity:0;visibility:hidden;transform:scale(0);transition:all .3s ease}.footer{width:100vw;flex-shrink:0;background-image:url(/footer_paper_my.png);margin-bottom:1.875rem;position:relative;background-size:contain;background-repeat:no-repeat;background-position:bottom}.footer__pin-left{position:absolute;width:clamp(2rem,5vw,2.75rem);height:clamp(2rem,5vw,2.75rem);background:radial-gradient(circle at 30% 30%,#9f9,#090 70%,#030);border-radius:50%;transition:all .3s ease;box-shadow:0 4px 6px #0000004d,0 0 0 2px #ffffff4d inset;bottom:clamp(3rem,12vh,7rem);left:20%;z-index:1}.footer__pin-rigth{position:absolute;width:clamp(2rem,5vw,2.75rem);height:clamp(2rem,5vw,2.75rem);background:radial-gradient(circle at 30% 30%,#9f9,#090 70%,#030);border-radius:50%;transition:all .3s ease;box-shadow:0 4px 6px #0000004d,0 0 0 2px #ffffff4d inset;bottom:clamp(1rem,6vh,2rem);left:60%;z-index:1}.footer__content{display:flex;flex-direction:column;align-items:end;position:relative;padding-right:1px}.footer__picture{display:flex;justify-content:center;align-items:flex-end;margin-bottom:20%;padding-right:5%;width:clamp(10rem,30vw,17.75rem)}.footer__picture-style{width:clamp(10rem,25vw,17.75rem);transform:rotate(15deg)}.jane{position:absolute;bottom:.625rem;left:1.875rem}.jane__link{display:flex;justify-content:center;align-items:center;cursor:url(/assets/cat-paw-cursor-D_FJ9yNv.PNG) 8 2,pointer}.jane__logo{margin-left:.5rem;margin-block:auto;width:2.1875rem}.jane p{font-family:Montserrat-Regular;display:flex;align-items:center;font-size:.9rem}.mobile-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);transform:translate(-50%,-50%) rotate(4deg);width:80vw;max-width:600px;height:80vh;z-index:30;background:#eaf3ff;box-shadow:#26394d 0 20px 30px -10px;display:flex;flex-direction:column;justify-content:center;padding:2vw;border-radius:255px 15px 225px/15px 225px 15px 255px;border:solid 2px #223399}.mobile-menu__picture{margin-top:25%;max-width:50%;height:auto;margin-inline:2rem;align-self:flex-end}.mobile-menu__list{padding-left:3rem;display:flex;flex-direction:column;align-items:flex-start;gap:40px}.mobile-menu__list-item a{position:relative;cursor:pointer;text-decoration:none;color:#239;font-family:ArchitectsDaughter-Regular;font-size:2rem}.mobile-menu__list-item a:before{display:block;content:"";padding-top:.625rem;border-bottom:.125rem solid #bd3ce1;transform:scaleX(0);transform-origin:center;bottom:0;left:0;position:absolute;bottom:-.5rem;width:100%;transition:transform .3s ease-in-out}.mobile-menu__list-item a:hover:before,.mobile-menu__list-item a:active:before{transform:scaleX(1);transition-delay:.3s}.mobile-menu__list-item a:hover,.mobile-menu__list-item a:active{color:#bd3ce1}.mobile-menu__close{cursor:url(/assets/cat-paw-cursor-D_FJ9yNv.PNG) 8 2,pointer;position:absolute;top:1rem;right:1rem;background:none;border:none;color:#0c0693}.pin{position:absolute;left:30%;top:3%;width:60px;height:50px}.shadow{position:absolute;top:18px;left:-8px;width:35px;height:35px;border-radius:50%;background:radial-gradient(var(--paper-shadow),20%,rgba(201,191,141,0))}.metal{position:absolute;width:5px;height:20px;background:linear-gradient(to right,gray,40%,#eae8e8,50%,gray);border-radius:0 0 30% 30%;transform:rotate(50deg);transform-origin:bottom left;top:15px;border-bottom:1px solid #808080}.bottom-circle{position:absolute;right:15px;width:35px;height:35px;border-radius:50%;background-color:var(--pin-color);background:radial-gradient(circle at bottom right,#a5d6a7,25%,#087f23,90%,#4caf50)}.bottom-circle:before{content:"";position:absolute;top:0;left:-2px;width:20px;height:30px;transform:rotate(55deg);transform-origin:100% 100%;border-radius:0 0 40% 40%;background:linear-gradient(to right,#087f23,30%,#4caf50,90%,#a5d6a7)}.bottom-circle:after{content:"";position:absolute;right:-10px;top:-5px;width:25px;height:25px;border-radius:50%;background:radial-gradient(circle at right,#a5d6a7,30%,#4caf50,#087f23 80%)}.mobile-menu__list,.mobile-menu__picture{margin-top:60px}.social-media__icons{display:flex;justify-content:center;align-items:center;gap:1.25rem}.social-media__icons-link{color:#0c0693;font-size:1.5625rem}.social-media__icons-link:active,.social-media__icons-link:hover{cursor:url(/assets/cat-paw-cursor-D_FJ9yNv.PNG) 8 2,pointer;transform:scale(1.2);transition:transform .3s ease-in-out;color:#bd3ce1}.not-found__picture-wrap{padding-top:10px;display:flex;flex-direction:column}.not-found__picture{max-width:400px;align-self:flex-end}.not-found__text{padding:2rem;margin-bottom:60px;color:#bd3ce1;font-size:4rem;font-family:HomemadeApple-Regular;line-height:1.5;text-align:center;align-self:center;width:100%}.app{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1 0 auto}.app-page{min-height:100vh;display:flex;flex-direction:column}@media (min-width: 768px) and (max-width: 1024px){.container{max-width:95%}.header{background-image:url(/header_paper_my_tablet.png)}.header__tape-top,.header__tape-top--second{width:clamp(3rem,8vw,4rem);height:clamp(1.5rem,4vw,3.125rem)}.header__logo-style{max-width:4rem}.header__tape-top--second{left:55%}.header__nav-link{font-size:1.4rem}.header__content{padding-inline:0}.home__name{font-size:clamp(1.75rem,4vw,2.5rem);right:clamp(0rem,2vw,1rem)}.home__picture{grid-template-columns:1fr .5fr;text-align:center}.home__picture-cat--style{max-width:27.5rem;justify-self:center}.home__picture-description{max-width:280px;justify-self:center;padding:2rem .5rem 2rem 1rem}.home__picture-description--style{font-size:1rem;font-family:Gotu-Regular;line-height:1.4}.home__picture-description__tape{height:clamp(2rem,6vh,3.125rem);width:clamp(3.5rem,10vw,4.6rem)}.about{margin-block:8rem}.about__title--text{font-size:5.5rem}.about__description{padding:calc(3lh - 2rem) 1rem .5rem 2.55rem;background-image:linear-gradient(90deg,transparent,transparent 2rem,hsl(350,100%,91%) 2rem,hsl(350,100%,91%) 2.25rem,transparent 2.25rem),linear-gradient(hsl(0,15%,95%),hsl(0,15%,95%) 2lh,transparent 2lh),repeating-linear-gradient(transparent,transparent calc(1lh - 1px),hsl(234,62%,86%) calc(1lh - 1px),hsl(234,62%,86%) 1lh,transparent 1lh)}.about__description--text{padding:0}.projects{margin-top:8rem;margin-bottom:8.5rem}.projects__title--text{font-size:5.5rem}.card{width:45%}.footer{background-image:url(/footer_paper_my_tablet.png);margin-bottom:1.3rem}.footer__pin-left{bottom:clamp(2rem,8vh,5rem)}}@media (min-width: 0) and (max-width: 767px){body{background-image:url(/project__background_mobile.png)}.container{padding:0 1rem;max-width:95%}.header{margin-top:1rem;background-image:url(/header_paper_my_mobile.png)}.header__tape-top,.header__tape-top--second{margin-top:10px;width:clamp(3rem,8vw,4rem);height:clamp(1.5rem,6vw,3.125rem)}.header__logo-style{max-width:3rem}.header__nav-link{font-size:1rem}.header__content{padding-top:0rem;padding-inline:0}.header__mobile-menu{display:flex;align-items:center;width:2.5rem;height:2.5rem}.header__nav,.header__icons{display:none}.home__picture{grid-template-columns:1fr;text-align:center}.home__picture-cat--style{max-width:27.5rem;justify-self:center}.home__picture-description{padding:1.5rem;max-width:280px;justify-self:center}.home__picture-description--style{font-size:1rem;font-family:Gotu-Regular;line-height:1.4}.about{margin-top:10.625rem}.about__content{margin-top:6.25rem}.about__title{grid-template-columns:1fr;text-align:center}.about__title--text{padding:2rem;font-size:5rem}.about__title--picture-style{justify-self:center}.about__description{line-height:1;padding:calc(3.5lh - 2rem) 1rem .5rem 2.55rem;background-image:linear-gradient(90deg,transparent,transparent 2rem,hsl(350,100%,91%) 2rem,hsl(350,100%,91%) 2.25rem,transparent 2.25rem),linear-gradient(hsl(0,15%,95%),hsl(0,15%,95%) 2lh,transparent 2lh),repeating-linear-gradient(transparent,transparent calc(1lh - 1px),hsl(234,62%,86%) calc(1lh - 1px),hsl(234,62%,86%) 1lh,transparent 1lh)}.about__description--text{padding:0;font-size:1rem}.projects{margin-bottom:8.5rem}.projects__content{margin-top:6.25rem}.projects__title{grid-template-columns:1fr;text-align:center;gap:2rem}.projects__title--picture--style{justify-self:center}.projects__title--text{padding:1rem;font-size:4rem;justify-self:center}.projects__cards{flex-direction:column;align-items:center}.card{width:80%}.card__content{padding:.5rem}.card__pin{width:clamp(2rem,3vw,2rem);height:clamp(2rem,3vw,2rem)}.card__whatUsed{margin-top:10px;gap:3px}.card__whatUsed--item{font-family:Mynerve-Regular;font-size:1rem;text-align:center;line-height:2em}.footer{background-image:url(/footer_paper_my_mobile.png);margin-bottom:1rem}.footer__pin-left,.footer__pin-rigth{width:clamp(1rem,2.5vw,1.35rem);height:clamp(1rem,2.5vw,1.35rem)}.footer__pin-left{bottom:clamp(1.5rem,6vh,3.5rem)}.footer__pin-rigth{bottom:clamp(.5rem,3vh,1rem)}.footer__picture{left:45%;bottom:clamp(-9rem,-6vw,-6rem)}.footer__picture__picture-style{bottom:clamp(3rem,-7vw,-7rem)}.jane{bottom:.325rem;left:.8rem}.jane p{font-size:.5rem}.not-found__picture{max-width:200px}.not-found__text{padding:1rem;font-size:3rem}}