.animated-elements{--cat-size:200px;pointer-events:none}.animated-elements .cat-wrapper{height:calc(var(--cat-size) + 100px);inset:auto auto -77px -77px;overflow-y:hidden;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--cat-size);z-index:2}.animated-elements .cat{--pivot:0% 63%;height:var(--cat-size);position:absolute;transform:scale(1) translateY(90px);transform-origin:var(--pivot);width:var(--cat-size)}button{background:none;border:none;cursor:pointer;display:block}.btn{display:grid;width:-moz-fit-content;width:fit-content}.btn>*{border:var(--border);grid-column:1/2;grid-row:1/2;height:100%;width:100%}.btn__shadow{background-color:var(--c-black)}.btn__fill{background:var(--c-green);transition:transform .3s ease-in-out,background-color .3s ease-in-out}.btn--border>*{border-radius:.75em}.btn--border .btn__fill{padding:.25em .75em}.btn--round{--btn-round-size:clamp(55px,8vw,70px);height:var(--btn-round-size);width:var(--btn-round-size)}.btn--round>*{border-radius:50%}.btn--round .btn__fill{display:flex;flex-direction:column;padding:8px}.btn--round svg{aspect-ratio:1/1;fill:var(--c-black)}.btn:is(:hover,:focus-visible) .btn__fill{background-color:var(--c-white);transform:translate(-5px,-5px)}.btn:is(:hover,:focus-visible).btn--border .btn__fill{transform:translate(-.25em,-.25em)}.spotlight{border-radius:50%;pointer-events:none;position:absolute;transform:translate(-50%,-50%);z-index:1000}.spotlight--outer{--size:40px;background-color:hsla(from var(--c-orange) h s l/.4);height:var(--size);mix-blend-mode:multiply;width:var(--size)}.footer{background-color:var(--c-orange);border-block-start:2px solid var(--c-orange);width:100vw}.footer__wrapper{line-height:75px;text-align:right}.footer__wrapper p{font-size:1.25rem;max-width:none}.about-me{background:linear-gradient(to bottom,var(--c-white) 10%,var(--c-green) 100%);position:relative}.about-me.animate text{animation:pop-up .4s ease-out 1s forwards}.about-me h2,.about-me h3{height:0;overflow:hidden;width:0}.about-me .wrapper h3{margin:0}.about-me div.about-me__container{margin-block-start:0}.about-me__frame{display:none}.about-me__text>*+*{margin-block-start:1rem}.widget{align-items:center;display:grid;width:clamp(345px,85%,500px)}.widget>*{grid-column:1/2;grid-row:1/2}.widget__text{font-family:"Playfair Display";overflow:hidden}.widget__text>text{font-size:16px;opacity:0;position:relative}.widget__text>text:last-child{font-size:12px}.widget__text text:nth-child(2){animation-delay:.5s}.widget__text text:nth-child(3){animation-delay:1s}.widget__text text:nth-child(4){animation-delay:1.5s}.widget__text text:nth-child(5){animation-delay:2s}.widget__text>text:nth-child(2){transform:translate(5px,5px)}.widget__text>text:nth-child(3){transform:translate(2px,5px)}.widget__text>text:nth-child(4){transform:translate(-5px,5px)}.widget__text>text:nth-child(5){transform:translateY(5px)}@keyframes pop-up{to{opacity:1;transform:translate(0)}}.widget__avatar{animation:spin 90s linear infinite;aspect-ratio:1/1;background-color:var(--c-saturated);margin-inline:auto;-webkit-mask:url(../assets/svg/widget-star.svg) no-repeat;mask:url(../assets/svg/widget-star.svg) no-repeat;-webkit-mask-size:cover;mask-size:cover;transform-origin:center;width:clamp(242px,65%,400px)}.widget img{animation:spin 90s linear infinite reverse;transform-origin:center;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.skills{box-shadow:var(--shadow)}.skills>.wrapper{position:relative}.skills div.wrapper div.section__header{margin-block-start:0}.skills .circle{aspect-ratio:1/1;background-color:hsl(from var(--c-yellow) h s l/.19);border-radius:50%;position:absolute;transform:translate(-45%,10%);width:clamp(600px,100vw,850px);z-index:-1}.skills div.skills__text{margin-inline:initial}.skills div.skills__text p:first-child{margin-block-end:1em}.skills__list{display:flex;flex-direction:column;justify-content:flex-start;row-gap:3vmin;width:100%}.skills__list__item:nth-child(2){margin-inline-start:11%}.skills__list__item:nth-child(3){margin-inline-start:22%}.skills__list__item:nth-child(4){margin-inline-start:33%}.skills__list__item:nth-child(5){margin-inline-start:44%}.skills__list__item:nth-child(6){margin-inline-start:55%}.skills__list__item:nth-child(7){margin-inline-start:66%}.skills__list__item:nth-child(8){margin-inline-start:77%}.skills__list__item{background-color:hsl(from var(--c-yellow) h s l/.58);border-radius:21px;font-weight:700;padding:.185em 1em;text-wrap:nowrap;transition:transform .3s ease-out,background-color .3s ease-out;width:-moz-fit-content;width:fit-content}.skills__list__item:hover{background-color:hsl(from var(--c-saturated) h s l/.58);transform:translateX(1.5em)}.skills__container{display:grid;place-items:center;width:100%}.skills div:has(>.spark){position:relative;width:100%}.skills .window{background-color:var(--c-white);border:var(--border);border-radius:var(--border-radius);position:relative;width:clamp(305px,80%,570px);z-index:1}.skills .window:before{background-color:var(--c-black);border-radius:var(--border-radius);content:"";inset:0;position:absolute;transform:translate(12px,12px);z-index:-1}.skills .window{aspect-ratio:4/3;justify-self:center;margin-block-start:3.125rem;z-index:auto}.skills .window__header{align-items:center;background-color:var(--c-green);border-block-end:var(--border);border-radius:22px 22px 0 0;display:flex;gap:.25em;height:15%;padding-inline-start:1rem}.skills .window__header span{aspect-ratio:1/1;background-color:var(--c-white);border:1px solid var(--c-black);border-radius:50%;height:60%}.skills .window .code-fallback,.skills .window code{font-size:clamp(1rem,.97vw + .773rem,1.5rem);padding:1rem;position:absolute}.skills .window .code-fallback{font-family:monospace}.skills .window code{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);overflow-y:hidden}.skills .spark{aspect-ratio:1/1;fill:var(--c-orange);margin:0;position:absolute;transition:filter .5s ease-in-out,scale .5s ease-in-out,rotate .5s ease-in-out}.skills .spark-1{transform:translate(70vw,-80%);width:clamp(75px,10vw,100px)}.skills .spark-2{transform:translate(5%,-50%);width:clamp(75px,10vw,150px)}.card-03:is(:hover,.animate,:focus-visible) .pyr,.card-03:is(:hover,.animate,:focus-visible) .pyr-right,.card-03:is(:hover,.animate,:focus-visible) .shadow,.card-03:is(:hover,.animate,:focus-visible) .sky,.card-03:is(:hover,.animate,:focus-visible) .sun,.gallery__card:is(:hover,.animate,:focus-visible) .pyr,.gallery__card:is(:hover,.animate,:focus-visible) .pyr-right,.gallery__card:is(:hover,.animate,:focus-visible) .shadow,.gallery__card:is(:hover,.animate,:focus-visible) .sky,.gallery__card:is(:hover,.animate,:focus-visible) .sun{animation-play-state:running}.card-03 .card__top{background-color:#262626}.card-03 .frame{aspect-ratio:1/1;border-radius:50%;overflow:hidden;position:absolute;width:50%}.card-03 .sky{animation:disappear3 4s ease-in-out infinite;animation-play-state:paused;background-color:#7ddffc;height:100%;position:relative;width:100%}.card-03 .pyr,.card-03 .pyr-right,.card-03 .sand,.card-03 .shadow,.card-03 .sun{position:absolute}.card-03 .pyr,.card-03 .shadow,.card-03 .sun{left:50%;transform:translateX(-50%)}.card-03 .sun{animation:sun 4s ease-in-out infinite;animation-play-state:paused;background-color:#ffef00;border-radius:50%;height:19.44%;top:2.78%;transform-origin:0 370%;width:19.44%}.card-03 .sand{background-color:#f0de75;bottom:0;height:31.11%;width:100%}.card-03 .shadow{animation:shadow3 4s ease-in-out infinite;animation-play-state:paused;background-color:rgba(157,146,82,.671);clip-path:polygon(33.33% 0,66.66% 0,100% 10%);height:19.44%;top:68.89%;transform-origin:top;width:193.33%}.card-03 .pyr{animation:pyr 4s ease-in-out infinite;animation-play-state:paused;background:#f2f2f2;clip-path:polygon(0 100%,50% 0,100% 100%);width:64.44%}.card-03 .pyr,.card-03 .pyr-right{bottom:30.83%;height:31.67%}.card-03 .pyr-right{animation:pyr-right 4s ease-in-out infinite;animation-play-state:paused;background-color:#b6b5b6;clip-path:polygon(25% 100%,0 0,100% 100%);left:50%;width:32.22%}@keyframes pyr-right{0%{background-color:#b6b5b6}25%{background-color:#dedbdb}50%,75%,to{background-color:#f2f2f2}}@keyframes pyr{0%,25%{background-color:#f2f2f2}75%{background-color:#dedbdb}to{background-color:#b6b5b6}}@keyframes disappear3{30%,65%{opacity:1}0%,90%,to{opacity:0}}@keyframes sun{0%{transform:rotate(-90deg)}30%{transform:rotate(-30deg)}to{transform:rotate(90deg)}}@keyframes shadow3{0%{clip-path:polygon(33.33% 0,66.66% 0,100% 0);transform:translateX(-50%) scaleY(1);transform-origin:top center}30%{clip-path:polygon(33.33% 0,66.66% 0,90% 100%);transform:translateX(-50%) scaleY(1)}50%{transform:translateX(-50%) scaleY(.34)}65%{clip-path:polygon(33.33% 0,66.66% 0,25% 100%);transform:translateX(-50%) scaleY(.57)}90%{clip-path:polygon(33.33% 0,66.66% 0,0 0);transform:translateX(-50%) scaleY(1)}}.card-04:is(:hover,.animate,:focus-visible) .circle1,.card-04:is(:hover,.animate,:focus-visible) .circle2,.card-04:is(:hover,.animate,:focus-visible) .circle3,.gallery__card:is(:hover,:focus-visible) .card-04 .circle1,.gallery__card:is(:hover,:focus-visible) .card-04 .circle2,.gallery__card:is(:hover,:focus-visible) .card-04 .circle3{animation-play-state:running}.card-04 .card__top{background:var(--c-saturated)}.card-04 .circle{background-color:var(--c-white);border-radius:50%;position:absolute;transform:scale(0)}.card-04 .circle1{animation:circle1 2s cubic-bezier(.19,1.01,.68,1) infinite alternate;animation-play-state:paused;box-shadow:6px 9px 17px 2px rgba(0,0,0,.3);height:90px;width:90px}.card-04 .circle2{animation:circle2 2s cubic-bezier(.19,1.01,.68,1) infinite alternate;animation-play-state:paused;box-shadow:8px 5px 13px 1px rgba(0,0,0,.281);height:58px;width:58px}.card-04 .circle3{animation:circle3 2s cubic-bezier(.19,1.01,.68,1) infinite alternate;animation-play-state:paused;box-shadow:8px 8px 13px 2px rgba(0,0,0,.274);height:27px;width:27px}@keyframes circle1{0%,10%{box-shadow:2px 2px 2px 2px rgba(0,0,0,.3);transform:scale(0)}to{box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);transform:scale(1)}}@keyframes circle2{35%{box-shadow:2px 2px 2px 2px rgba(0,0,0,.3);transform:scale(0)}to{box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);transform:scale(1)}}@keyframes circle3{60%{box-shadow:2px 2px 2px 2px rgba(0,0,0,.3);transform:scale(0)}to{box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);transform:scale(1)}}.card-10 .card__top{background-color:var(--c-green);padding-block:20px}.card-10 .center{--width:70%;align-items:center;aspect-ratio:1/1;background-color:#242424;border:.5em solid #3b3b3b;border-radius:50%;color:#fff;display:grid;justify-content:center;margin-inline:auto;position:relative;width:var(--width)}.card-10 .data,.card-10 .dots,.card-10 .dots>*{aspect-ratio:1/1;grid-column:1/2;grid-row:1/2;height:85%}.card-10 .data{align-content:center;border-radius:50%;display:grid;font-size:16px;grid-template-rows:auto auto auto;height:100%;justify-content:center;text-transform:uppercase;text-wrap:nowrap;width:100%}.card-10 .data,.card-10 .top{text-align:center}.card-10 .time{font-size:40px;font-weight:600;margin-block:-5px}.card-10 .bottom{align-items:center;display:flex;gap:.25em;justify-content:center}.card-10 .heart{animation:beat 1s ease-out infinite;background-color:tomato;border-radius:50%;display:block;height:8px;margin-inline-end:7px;position:relative;top:-2px;width:7px}.card-10 .heart:after,.card-10 .heart:before{background-color:tomato;content:"";display:block;position:absolute}.card-10 .heart:before{clip-path:polygon(50% 100%,90% 72%,50% 50%,10% 72%);height:17px;left:0;top:-5px;width:14px}.card-10 .heart:after{border-radius:50%;height:8px;right:-7px;top:0;width:7px}@keyframes beat{0%{transform:scale(.8)}50%,55%{transform:scale(.95)}to{transform:scale(.8)}}.card-10 .beat{align-items:center;display:flex}.card-10 .beat>*{display:inline-block}.card-10 .dots{aspect-ratio:1/1;display:grid;margin-inline:auto;place-items:center;position:relative;width:85%}.card-10 .dots>*{height:100%;width:5px}.card-10 .dots :after,.card-10 .dots :before{background-color:#fff;border-radius:50%;content:"";display:block;height:3px;left:50%;position:absolute;transform:translateX(-50%);width:3px}.card-10 .dots :nth-child(2n):after,.card-10 .dots :nth-child(2n):before{height:2px;width:2px}.card-10 .dots :after{bottom:0}.card-10 .dots .dots-1:after,.card-10 .dots .dots-1:before{background:none;border:.5px solid #fff;height:5px;width:5px}.card-10 .dots .dots-2{transform:rotate(15deg)}.card-10 .dots .dots-3{transform:rotate(30deg)}.card-10 .dots .dots-4{transform:rotate(45deg)}.card-10 .dots .dots-5{transform:rotate(60deg)}.card-10 .dots .dots-6{transform:rotate(75deg)}.card-10 .dots .dots-7{transform:rotate(90deg)}.card-10 .dots .dots-8{transform:rotate(105deg)}.card-10 .dots .dots-9{transform:rotate(120deg)}.card-10 .dots .dots-10{transform:rotate(135deg)}.card-10 .dots .dots-11{transform:rotate(150deg)}.card-10 .dots .dots-12{transform:rotate(165deg)}.card-10 .second{height:100%;position:absolute;width:100%}.card-10 .second circle{animation:count 120s linear 1s infinite;position:absolute;rotate:-90deg;stroke:var(--c-yellow);stroke-dasharray:30;transform-origin:center}@keyframes count{0%{stroke-dashoffset:-30}to{stroke-dashoffset:-90}}.card-17 .center:is(:hover,.animate),.card-17:is(:focus-visible,.animate) .center{border-radius:50%;transform:rotate(90deg)}.card-17 .center:is(:hover,.animate) svg,.card-17:is(:focus-visible,.animate) .center svg{transform:rotate(-90deg)}.card-17 .center:is(:hover,.animate) .light,.card-17:is(:focus-visible,.animate) .center .light{fill:hsl(from var(--c-saturated) h s 25%)}.card-17 .center:is(:hover,.animate) .middle,.card-17:is(:focus-visible,.animate) .center .middle{fill:hsl(from var(--c-saturated) h s 75%)}.card-17 .center:is(:hover,.animate) .dark,.card-17:is(:focus-visible,.animate) .center .dark{fill:var(--c-saturated)}.gallery__card:is(:hover,:focus-visible) .card-17 .center{border-radius:50%;transform:rotate(90deg)}.gallery__card:is(:hover,:focus-visible) .card-17 .center svg{transform:rotate(-90deg)}.gallery__card:is(:hover,:focus-visible) .card-17 .center .light{fill:hsl(from var(--c-saturated) h s 25%)}.gallery__card:is(:hover,:focus-visible) .card-17 .center .middle{fill:hsl(from var(--c-saturated) h s 75%)}.gallery__card:is(:hover,:focus-visible) .card-17 .center .dark{fill:var(--c-saturated)}.card-17 .card__top{background-image:repeating-linear-gradient(45deg,#fff8f8 0 10%,#242424 10% 11%)}.card-17 .center{aspect-ratio:1/1;background-color:#383838;box-shadow:5px 5px 15px rgba(0,0,0,.4);display:grid;place-items:center;position:relative;transition:all .3s ease-in;width:50%}.card-17 .penrose *{grid-column:1/2;grid-row:1/2;transition:transform .3s ease-in,fill .3s ease-in;width:70%}.card-17 .light{fill:hsl(from var(--c-orange) h s 75%)}.card-17 .middle{fill:var(--c-orange)}.card-17 .dark{fill:hsl(from var(--c-orange) h s 25%)}.card-22:is(:hover,.animate,:focus-visible) .progress-bar,.gallery__card:is(:hover,:focus-visible) .progress-bar{animation-play-state:running}.card-22 .card__top{background-color:#213540}.card-22 .frame{color:#fff;display:grid;grid-template-rows:auto 2fr 1fr;height:-moz-fit-content;height:fit-content;padding:30px;text-align:center;width:100%}.card-22 .frame *{margin-inline:auto}.card-22 .top{font-size:16px;margin-block-end:.5em;text-transform:uppercase}.card-22 .top span{display:block;font-weight:600;margin-block-start:-5px}.card-22 .center .data__text,.card-22 .top span{font-size:32px}.card-22 .data__text span{font-size:14px}.card-22 .data__text{font-size:18px}.card-22 .bottom .small{font-size:12px}.card-22 .data__text span,.card-22 .small{color:#fff;display:block;margin-block-start:-5px}.card-22 .center{width:50%}.card-22 .center svg{stroke-width:9}.card-22 .bottom{display:grid;gap:8%;grid-template-columns:repeat(2,1fr);justify-content:center;width:65%}.card-22 .center,.card-22 .kilometers,.card-22 .steps{align-items:center;display:grid;position:relative}.card-22 .center *,.card-22 .kilometers *,.card-22 .steps *{grid-column:1/1;grid-row:1/1}.card-22 svg{fill:none;stroke:#1a2932;stroke-width:7;width:100%}.card-22 .progress-bar{animation:progress 2s ease-out forwards;animation-play-state:paused;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.card-22 .center .progress-bar{stroke:#28e2b0;stroke-dasharray:80 20}.card-22 .bottom .progress-bar{stroke:#5be0ec;stroke-dasharray:65 35}.card-22 .kilometers .progress-bar{stroke-dasharray:40 60}@keyframes progress{0%{stroke-dasharray:10 90}}.portfolio{font-size:16px;position:relative;text-align:center}.portfolio:after{background:url(../assets/svg/dots-background.svg) no-repeat 50%/cover;content:"";inset:0;-webkit-mask-image:linear-gradient(180deg,transparent 15%,#000 160%);mask-image:linear-gradient(180deg,transparent 15%,#000 160%);position:absolute;z-index:-2}.portfolio .portfolio-gallery__card:first-child:after{background-color:#ffebfb}.portfolio .portfolio-gallery__card:nth-child(2):after{background-color:#d1c7ff}.portfolio .portfolio-gallery__card:nth-child(3):after{background-color:#ffebad}.portfolio .portfolio-gallery__card:nth-child(4):after{background-color:#ffe0c2}.portfolio .portfolio-gallery__card:nth-child(5):after{background-color:#99ffcf}.portfolio .portfolio-gallery{display:flex;justify-content:center;max-width:900px;width:100%}.portfolio .portfolio-gallery__card{aspect-ratio:3/5;border:var(--border);border-radius:25px;min-width:105px;overflow:hidden;position:relative;transition:transform .3s ease-out;width:clamp(105px,25vw,250px)}.portfolio .portfolio-gallery__card:after{content:"";inset:0;opacity:.8;position:absolute;transition:opacity .3s ease-in-out}.portfolio .portfolio-gallery__card:not(:first-child){margin-inline-start:-3em}.portfolio .portfolio-gallery__card:is(:hover,:focus-visible):after{opacity:0}@container main (max-width: 849px){.portfolio .portfolio-gallery__card:is(:hover,:focus-visible){transform:translateY(-2em)}.portfolio .portfolio-gallery__card:is(:hover,:focus-visible)~.portfolio-gallery__card{transform:translateX(3em)}}.portfolio .portfolio-gallery__card>*{display:grid;height:100%;place-items:center;position:relative;width:100%}.portfolio .portfolio-gallery .card-03{background-color:#262626}.portfolio .portfolio-gallery .card-03 .frame{scale:1.4}.portfolio .portfolio-gallery .card-04{background-color:#99ffcf}.portfolio .portfolio-gallery .card-10{background-color:#ffebad}.portfolio .portfolio-gallery .card-10 .center{width:90%}.portfolio .portfolio-gallery .card-10 .data{font-size:clamp(.25rem,60%,.75rem)}.portfolio .portfolio-gallery .card-10 .time{font-size:clamp(1rem,6vw,2.5rem)}.portfolio .portfolio-gallery .card-17{background-image:repeating-linear-gradient(45deg,#fff8f8 0 10%,#242424 10% 11%)}.portfolio .portfolio-gallery .card-17 .center{scale:1.7}.portfolio .portfolio-gallery .card-22{background-color:#213540}.portfolio .portfolio-gallery .card-22 .frame{padding:0}.portfolio .portfolio-gallery .card-22 .data__text,.portfolio .portfolio-gallery .card-22 .top{font-size:clamp(.75rem,2vw,16px)}.portfolio .portfolio-gallery .card-22 .center .data__text,.portfolio .portfolio-gallery .card-22 .top span{font-size:clamp(1rem,2vw,1.5rem)}.portfolio .portfolio-gallery .card-22 .data__text span{font-size:clamp(.5rem,2vw,.825rem)}.portfolio .buttons-container{align-items:stretch;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:-moz-fit-content;max-width:fit-content}.portfolio .buttons-container *{flex:1;width:auto}.portfolio .buttons-container * .btn__fill{place-content:center}.contact{background-color:var(--c-green);box-shadow:var(--shadow);position:relative}.contact>.wrapper{padding-block-end:200px}.contact h2{font-size:clamp(2.5rem,5.333vw + 1.25rem,5.25rem);line-height:1.1;max-width:10ch;z-index:1}.contact h2:after{display:none}.contact h2 span{display:inline-block;position:relative}.contact h2 span:after{background-image:linear-gradient(to left,var(--c-yellow) 10%,var(--c-orange) 100%);content:"";display:block;height:35%;position:absolute;transform:translateY(-.3em);width:calc(100% + .5em);z-index:-1}.contact .window{border:var(--border);max-width:-moz-fit-content;max-width:fit-content;position:relative;width:clamp(305px,80%,570px);z-index:1}.contact .window,.contact .window:before{background-color:var(--c-black);border-radius:var(--border-radius)}.contact .window:before{content:"";inset:0;position:absolute;transform:translate(12px,12px);z-index:-1}.contact .window{width:auto}.contact .window h3{color:var(--c-white);line-height:3rem;padding:.15em .15em .15em 1.5rem}.contact__metadata{background-color:var(--c-white);border-radius:0 0 25px 25px;color:var(--c-black);font-style:normal;height:auto;padding:1.5em 2em 1.5em 1.5rem}.contact__metadata>a:not(a:last-child){margin-block-end:1.5em}.contact__metadata a{align-items:center;display:flex;gap:1em;hyphens:none;transition:color .2s ease-in-out;width:-moz-fit-content;width:fit-content;word-break:break-all}.contact__metadata a:not([href^=tel]){text-decoration:underline}.contact__metadata a:is(:hover,:focus-visible){color:var(--c-orange);outline-color:var(--c-black)}.contact__metadata .icon{background-color:var(--c-black);border-radius:var(--icon-border-radius);font-size:clamp(1rem,1vw,var(--icon-size));height:var(--icon-size);padding:5px;width:var(--icon-size)}.contact__metadata .icon.whatsapp{background-color:transparent;fill:var(--c-black)}.contact .animated-elements{inset:0;position:absolute}.contact .sun-wrapper{height:100%;overflow:hidden;position:absolute;width:100vw}.contact .sun{--sun-size:clamp(230px,40vw,400px);--linear-function:linear(0,0.002 0.6%,0.007 1.2%,0.015 1.8%,0.027 2.5%,0.043 3.2%,0.062 3.9%,0.11 5.4%,0.159 6.7%,0.217 8.1%,0.469 13.8%,0.578 16.4%,0.632 17.8%,0.683 19.2%,0.731 20.6%,0.771 21.9%,0.808 23.2%,0.844 24.6%,0.877 26%,0.905 27.4%,0.93 28.8%,0.952 30.2%,0.972 31.7%,0.989 33.2%,1.011 35.8%,1.026 38.6%,1.035 41.7%,1.039 45.2%,1.035 50.2%,1.013 64.4%,1.003 73.2%,0.999 83.9%,1);fill:var(--c-yellow);height:var(--sun-size);position:absolute;rotate:80deg;transform:translate(55vw,calc(50% - 10vw));transform-origin:-100% 300%;transition:rotate 1.5s var(--linear-function) 1.5s;width:var(--sun-size)}.contact.animate .sun{rotate:0deg}section:not(.portfolio) p{min-width:35ch}