@font-face{font-display:swap;font-family:"Exo 2";font-style:normal;font-weight:400;src:url(/assets/exo-2-v26-latin-regular-D8MC3_dU.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Exo 2";font-style:normal;font-weight:700;src:url(/assets/exo-2-v26-latin-700-OoACPC18.woff2) format("woff2")}@font-face{font-display:swap;font-family:Orbitron;font-style:normal;font-weight:400;src:url(/assets/orbitron-v35-latin-regular-U6xZUhur.woff2) format("woff2")}@font-face{font-display:swap;font-family:Orbitron;font-style:normal;font-weight:900;src:url(/assets/orbitron-v35-latin-900-DrIi7unX.woff2) format("woff2")}:root{--orange-dark: #d97904;--orange-light: #ffa600;--black-dark: #121212;--black-light: #1f1f1f;--grey-light: #b0b0b0;--grey-dark: #2b2b2b;--purple-dark: #4e2a84;--purple-light: #7458a5;--blue: #356a79;--red: #9b2d30;--green: #6ab06a;--shadow-text: 5px 5px 10px var(--black-light);--shadow-fluor: 0 0px 6px var(--grey-light);--shadow-box: 4px 4px 8px var(--black-light);--shadow-button: 2px 2px 5px var(--black-light);--border-radius-box: 10px;--border-purple: 5px solid var(--purple-dark);--border-orange: 5px solid var(--orange-dark);--stroke-text: 1.5px var(--black-dark);--z-items-photo: 100;--z-text-photo: 200;--z-header-home: 300;--z-nav: 400;--z-modal: 1000}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:"Exo 2",sans-serif}body{background-color:var(--black-dark);color:var(--grey-light);padding-left:5rem;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}a{color:var(--orange-dark);text-decoration:none;cursor:pointer}h1,h2{font-family:Orbitron,sans-serif;color:var(--blue);text-shadow:var(--shadow-text)}.advise{font-size:.8rem;font-weight:700;padding:.2rem .5rem;position:absolute;display:none;color:var(--black-dark);border:1px solid var(--black-dark);background-color:var(--purple-light);border-radius:5px;opacity:0;box-shadow:var(--shadow-button);transition:opacity .3s ease-in-out allow-discrete}.advise.visible{display:block;opacity:1}@starting-style{.advise.visible{opacity:0}}.heading-transition{margin-top:50px;height:60vh;width:100%;text-align:right;align-content:flex-end;background:linear-gradient(var(--black-dark) 0%,var(--grey-dark) 50%,var(--black-dark) 100%)}.heading-transition h1{margin-bottom:.5em;margin-right:1em;font-size:clamp(2rem,10vw,8rem);-webkit-text-stroke:var(--stroke-text);animation:header-reveal both;animation-timeline:view();animation-range:entry 20% cover 100vh}.button{font-weight:700;display:flex;align-items:center;justify-content:center;min-height:40px;color:var(--black-light);background-color:var(--orange-dark);padding:.5rem 1rem;box-shadow:var(--shadow-button);border:none;border-radius:var(--border-radius-box);border:3px solid var(--black-dark);outline:none;transition:all .2s ease-in-out}.button svg{width:15px;color:var(--black-light)}.button:hover{cursor:pointer;background-color:#ffa600;transform:translateY(-3px);box-shadow:2px 2px 10px var(--black-light)}.button:active{background-color:var(--black-light);border-color:transparent;color:orange;transition:none}.button:active svg{color:var(--orange-dark)}.logo{filter:drop-shadow(2px 2px 4px var(--grey-dark))}.link-icon{width:clamp(35px,5vw,45px);color:var(--orange-dark);cursor:pointer;transition:all .2s ease-in-out}.link-icon:hover{transform:scale(1.05) rotate(2deg);color:var(--orange-light)}.card{background-color:var(--grey-dark);border-radius:var(--border-radius-box);border:var(--border-purple);transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}.card h2{-webkit-text-stroke:.5px var(--black-dark)}.card:hover{border-color:var(--purple-light);box-shadow:var(--shadow-fluor)}.animated-card{animation:card-reveal both;animation-timeline:view();animation-range:entry 20% cover 50vh}@media(max-width:1080px){body{padding-left:0;padding-bottom:90px}.card:hover{border-color:var(--purple-dark);box-shadow:none}.button:hover{transform:none;box-shadow:var(--shadow-button);color:var(--orange-dark)}.link-icon:hover{transform:none;color:var(--orange-dark)}.heading-transition{margin-top:0;height:25vh}.heading-transition h1{animation:none}}@media not (min-width:480px){body{padding-bottom:70px}.heading-transition{height:20vh}}@media(prefers-reduced-motion:reduce){.heading-transition h1,.animated-card{animation:none}.card:hover{border-color:var(--purple-dark);box-shadow:none}.button:hover{transform:none;box-shadow:var(--shadow-button)}.advise{transition:none}.link-icon:hover{transform:none}}@keyframes header-reveal{0%{opacity:0;transform:translateY(-10rem) skew(20deg)}to{opacity:1;transform:translateY(0) skew(0)}}@keyframes card-reveal{0%{filter:saturate(0) brightness(.1) blur(5px);opacity:0;translate:0 4rem;scale:.95}to{opacity:1;translate:0 0;scale:1;filter:none}}nav{background:var(--black-dark);border-right:2px solid var(--black-light);box-shadow:2px 0 20px var(--black-light);padding:clamp(.75rem,1vw,1.5rem);min-height:100svh;position:fixed;left:0;top:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:var(--z-nav)}nav .logo{width:clamp(35px,5vw,45px)}nav .links-nav-section{display:flex;flex-direction:column;gap:clamp(1rem,2vh,2.5rem)}@media not (min-width:1080px){nav{right:0;top:auto;bottom:0;min-height:auto;height:90px;flex-direction:row;border-right:none;border-top:2px solid var(--black-light);box-shadow:0 -1px 10px var(--black-light)}nav .links-nav-section{flex-direction:row}}@media not (min-width:480px){nav{padding:1rem;height:70px}nav .logo{width:clamp(25px,7vw,35px)}}#home{min-height:100svh;display:flex;justify-content:center;align-items:center}#home.active .img-container{animation:fadeUp 1.5s ease forwards 1.4s,float 6s ease-in-out 1.4s infinite;transform:translateY(0)}#home .img-container{margin-top:3rem;filter:drop-shadow(0 0 20px var(--grey-dark));opacity:0;transition:transform .3s ease-in-out;transform:translateY(40px);position:relative}#home .img-container .avatar{height:80svh;width:auto;aspect-ratio:1/1;object-fit:cover;border:var(--border-orange);border-radius:var(--border-radius-box);transition:box-shadow .3s ease-in-out,border-color .3s ease-in-out}#home header{text-align:center;position:absolute;top:60%;z-index:var(--z-header-home);opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s ease}#home header h1,#home header h2{-webkit-text-stroke:var(--stroke-text)}#home header h1{font-size:clamp(1.7rem,7vw,3.5rem)}#home header h2{margin-top:.5rem;margin-bottom:.8rem;font-style:oblique;font-size:clamp(1.1rem,5vw,2.3rem);color:var(--grey-light);transform:translateY(10px);opacity:0;background:linear-gradient(90deg,#fff,#888,#fff 40%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#home header .button{margin:auto;font-size:clamp(.8rem,3vw,1.2rem);width:fit-content;margin-top:1.5rem;transition:all .3s ease}#home header.active{opacity:1;transform:translateY(0)}#home header.active h1{animation:fadeUp 1s ease forwards}#home header.active h2{animation:fadeUp 1s ease forwards .7s,shine 3s ease-in-out infinite}:is(#home:has(header:hover),#home .img-container:hover) .avatar{border-color:var(--orange-light);box-shadow:var(--shadow-fluor)}@media not (min-width:1080px){#home{min-height:calc(100svh - 90px)}#home header{top:55%}#home .img-container .avatar{height:65svh}:is(#home:has(header:hover),#home .img-container:hover) .avatar{border-color:var(--orange-dark);box-shadow:none}}@media not (min-width:480px){#home{min-height:calc(100svh - 70px)}#home header h1,#home header h2{font-weight:900}#home header .button{margin-top:1rem}#home .img-container .avatar{height:500px;aspect-ratio:auto}}@media(prefers-reduced-motion:reduce){#home.active .img-container{opacity:1;animation:none}#home .img-container{transform:none}#home header{transform:none;opacity:1}#home header.active h1,#home header.active h2{animation:none}#home header.active h2{opacity:1}}@keyframes shine{0%{background-position:0% center}to{background-position:200% center}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}#about-me{--falling-item: 40svh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.95rem}#about-me #story-modal{max-height:90svh;width:600px;color:var(--grey-light);padding:2rem;opacity:0;scale:0;z-index:var(--z-modal);margin:auto;display:flex;flex-direction:column;gap:2rem;align-items:center;transition:scale .3s ease-in-out,opacity .3s ease-in-out allow-discrete}#about-me #story-modal p{font-size:clamp(.9rem,2vw,1.1rem);-webkit-hyphens:auto;hyphens:auto;line-height:1.2}#about-me #story-modal p strong{color:var(--blue)}#about-me #story-modal[open]{opacity:1;scale:1}@starting-style{#about-me #story-modal[open]{scale:0;opacity:0}}#about-me #story-modal[open]::backdrop{-webkit-backdrop-filter:blur(3px) brightness(.6);backdrop-filter:blur(3px) brightness(.6)}#about-me .bento{max-width:800px;aspect-ratio:2 / 1.2;display:grid;gap:1em;grid-template-areas:"education education me" "map certifications certifications";grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(200px,auto));position:relative}#about-me .bento img{width:100%;height:100%;object-fit:cover}#about-me .bento .item-bento{will-change:auto;overflow:hidden;transition:transform .3s,opacity .3s}#about-me .bento .item-bento.text-bento img{filter:grayscale(50) blur(1px);transition:opacity .4s ease-in-out,transform .8s ease-in-out}#about-me .bento .item-bento.text-bento .text-container{position:absolute;top:0;opacity:0;transition:opacity .4s ease-in-out}#about-me .bento .item-bento.text-bento .text-container header h2{padding:1rem}#about-me .bento .item-bento.text-bento .text-container ul{list-style-type:square;list-style-position:inside}#about-me .bento .item-bento.text-bento .text-container ul li{margin-left:1.5rem;line-height:1.5rem}#about-me .bento .item-bento.text-bento .text-container ul li::marker{color:var(--black-dark)}#about-me .bento .item-bento.text-bento:hover img{opacity:.1;transform:scale3d(2,2,1)}#about-me .bento .item-bento.text-bento:hover .text-container{opacity:1}#about-me .bento .item-bento.photo-bento{grid-area:me;border:var(--border-orange);border-radius:var(--border-radius-box);position:relative;transition:all .2s ease-in-out}#about-me .bento .item-bento.photo-bento img{aspect-ratio:1/1;width:100%;transition:all .4s ease-in-out}#about-me .bento .item-bento.photo-bento img:hover{filter:blur(.5px);opacity:.9}#about-me .bento .item-bento.photo-bento .items-photo-me{position:absolute;z-index:var(--z-items-photo);opacity:.9;top:-15%;width:clamp(15px,3vw,20px);font-size:clamp(15px,3vw,20px);left:var(--position)}#about-me .bento .item-bento.photo-bento p{display:none;border-radius:5px;padding:.2rem;background-color:#7458a5cc;color:var(--black-dark);font-weight:700;position:absolute;bottom:3%;right:3%;z-index:var(--z-text-photo)}#about-me .bento .item-bento.photo-bento:hover{cursor:pointer;border-color:var(--orange-light);box-shadow:var(--shadow-fluor);transform:scale(1.01)}#about-me .bento .item-bento.photo-bento:hover .items-photo-me{animation:falling 1.5s linear var(--delay) infinite}#about-me .bento .item-bento.map{grid-area:map;position:relative}#about-me .bento .item-bento.map svg{position:absolute;color:var(--red);width:3em;top:50%;left:20%;opacity:0;transition:opacity .3s ease-in-out}#about-me .bento .item-bento.map p{position:absolute;bottom:5%;right:5%;opacity:0}#about-me .bento .item-bento.map:hover svg{animation:jump .5s ease-in-out infinite alternate}#about-me .bento .item-bento.map:hover svg,#about-me .bento .item-bento.map:hover p{opacity:1}#about-me .bento .item-bento.education{grid-area:education}#about-me .bento .item-bento.certifications{grid-area:certifications}@media not (min-width:1080px){#about-me{font-size:1.1rem;padding:3rem 0;min-height:calc(100svh - 90px)}#about-me #story-modal p{font-size:1.3rem}#about-me .bento{will-change:auto;max-width:100%;aspect-ratio:auto;grid-template-areas:"education education" "me map" "certifications certifications";grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,300px)}#about-me .bento .item-bento.text-bento img{transform:scale3d(2,2,1);opacity:.1}#about-me .bento .item-bento.text-bento .text-container{opacity:1}#about-me .bento .item-bento.text-bento .text-container ul li{line-height:2rem}#about-me .bento .item-bento.photo-bento p{display:block}#about-me .bento .item-bento.photo-bento:hover{transform:none;box-shadow:none}#about-me .bento .item-bento.photo-bento:hover .items-photo-me{animation:none;display:none}#about-me .bento .item-bento.photo-bento:hover img{filter:none;opacity:1}#about-me .bento .item-bento.map svg{opacity:1;animation:jump 1s ease-in-out infinite alternate}#about-me .bento .item-bento.map p{opacity:1}}@media not (min-width:480px){#about-me{--falling-item: 32svh;min-height:auto;font-size:.75rem}#about-me #story-modal{padding:1rem;gap:1rem}#about-me #story-modal p{font-size:.9rem}#about-me #story-modal .button{font-size:.8rem;padding:0 .8rem}#about-me .bento{grid-template-columns:280px;grid-template-rows:repeat(4,200px);grid-template-areas:"education" "me" "map" "certifications"}#about-me .bento .item-bento.text-bento .text-container header h2{padding:.5rem 0 .5rem .7rem}#about-me .bento .item-bento.text-bento .text-container ul li{margin-left:1rem;line-height:1.2rem}}@media(prefers-reduced-motion:reduce){#about-me #story-modal{transition:none}#about-me .item-bento.text-bento img{transform:scale3d(2,2,1);opacity:.1}#about-me .item-bento.text-bento .text-container{opacity:1}#about-me .item-bento.photo-bento:hover{transform:none;box-shadow:none}#about-me .item-bento.photo-bento:hover .items-photo-me{display:none;animation:none}#about-me .item-bento.photo-bento:hover img{filter:none;opacity:1}#about-me .item-bento.map svg{opacity:1;animation:none}#about-me .item-bento.map p{opacity:1}#about-me .item-bento.map:hover svg{animation:none}}@keyframes jump{0%{transform:translate(0)}to{transform:translateY(-40%)}}@keyframes falling{0%{transform:translateY(0)}to{transform:translateY(var(--falling-item))}}#skills{--width-item-carousel: 100px;min-height:100svh;width:100%;display:flex;align-items:center;justify-content:center}#skills .skills-container{width:100%;max-width:clamp(400px,90vw,600px);aspect-ratio:1/1;display:grid;gap:1rem}#skills .skills-container .card{padding:clamp(.5rem,2vw,1.5rem) 0;overflow:hidden;display:grid;gap:.5rem;animation-range:entry 10% cover 40vh}#skills .skills-container .card:hover .logos-list .logo-tech{animation-play-state:paused}#skills .skills-container .card header{margin:0 1.5rem}#skills .skills-container .card .logos-list{height:var(--width-item-carousel);-webkit-mask-image:linear-gradient(to right,transparent,var(--black-light) 200px,var(--black-light) calc((var(--width-item-carousel) * var(--quantity-items-carousel) - 700px) - 200px),transparent);mask-image:linear-gradient(to right,transparent,var(--black-light) 200px,var(--black-light) calc((var(--width-item-carousel) * var(--quantity-items-carousel) - 700px) - 200px),transparent);display:flex;min-width:calc(var(--width-item-carousel) * var(--quantity-items-carousel));position:relative}#skills .skills-container .card .logos-list .logo-tech{width:var(--width-item-carousel);height:var(--width-item-carousel);color:var(--grey-light);list-style:none;display:flex;flex-direction:column;place-items:center;place-content:center;position:absolute;left:100%;animation:autorun-left 10s linear infinite;animation-delay:calc((10s / var(--quantity-items-carousel)) * var(--position));will-change:left}#skills .skills-container .card .logos-list .logo-tech svg{width:clamp(30px,2.5vw,50px);filter:drop-shadow(2px 2px 5px var(--black-light))}#skills .skills-container .card .logos-list .logo-tech:hover svg{display:none}#skills .skills-container .card .logos-list .logo-tech:hover .advise{display:block;opacity:1}@starting-style{#skills .skills-container .card .logos-list .logo-tech:hover .advise{opacity:0}}#skills .skills-container .secondaries-skills{grid-row:2/3}#skills .skills-container .secondaries-skills header h2{text-align:right}#skills .skills-container .secondaries-skills .logos-list .logo-tech{left:105%;animation:autorun-right 10s linear infinite;animation-delay:calc((10s / var(--quantity-items-carousel)) * var(--position))}@media not (min-width:1080px){#skills{min-height:calc(100svh - 90px)}#skills .skills-container{gap:2rem}#skills .card{gap:clamp(.3rem,1vh,1rem)}#skills .card:hover .logos-list .logo-tech{animation-play-state:running!important}}@media not (min-width:480px){#skills{min-height:calc(100svh - 70px)}#skills .skills-container{padding:0 1rem;gap:1rem;grid-template-rows:repeat(3,150px)}}@media(prefers-reduced-motion:reduce){#skills .card{min-width:0;padding:0;padding-top:1rem}#skills .card .logos-list{height:100%;min-width:0;-webkit-mask-image:none;mask-image:none;padding:0 1rem;flex-wrap:nowrap;overflow:auto}#skills .card .logos-list .logo-tech{position:static;flex:0 0 var(--width-item-carousel)}#skills .secondaries-skills .logos-list{display:flex;justify-content:center}}@keyframes autorun-left{0%{left:100%}to{left:calc(var(--width-item-carousel) * -1)}}@keyframes autorun-right{0%{left:calc(var(--width-item-carousel) * -1)}to{left:105%}}#projects{min-height:100svh;padding:5rem}#projects .project-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(300px,45vw,420px),1fr));gap:5rem}#projects .project-list .card{padding:clamp(1rem,3vh,2rem);height:auto;max-height:95svh;display:flex;flex-direction:column;gap:clamp(.5rem,2vh,3rem);justify-content:space-between}#projects .project-list .card header h2{text-indent:10px;font-size:clamp(1.4rem,3vw,1.8rem)}#projects .project-list .card .logo-container{display:flex;justify-content:center;gap:3rem}#projects .project-list .card .logo-container svg{color:var(--black-dark);width:clamp(25px,1.5vw,35px)}#projects .project-list .card .project-image{width:90%;max-height:50%;object-fit:cover;aspect-ratio:16/9;border-radius:var(--border-radius-box);align-self:center;box-shadow:var(--shadow-text)}#projects .project-list .card p{font-size:clamp(.9rem,1vw,1.1rem);padding:0 1rem;-webkit-hyphens:auto;hyphens:auto}#projects .project-list .card .buttons-container{padding:1rem 0;display:flex;justify-content:space-evenly}#projects .project-list .card .buttons-container .button{justify-content:flex-start;gap:.5rem}@media not (min-width:1080px){#projects{padding:3rem}#projects .project-list{gap:3rem}}@media not (min-width:480px){#projects{padding:3rem 1rem}#projects .project-list{gap:1rem;grid-template-columns:1fr}#projects .project-list .card{max-height:calc(95svh - 70px)}#projects .project-list .card .logo-container{gap:1.6rem}#projects .project-list .card .project-image{width:100%}#projects .project-list .card p{font-size:.9rem}#projects .project-list .card .buttons-container{justify-content:center;gap:1rem}#projects .project-list .card .buttons-container .button span{display:none}#projects .buttons-container .button span{display:none}}#contact{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center}#contact .contact-form{width:100%;display:flex;justify-content:space-evenly}#contact .contact-form .contact-info{display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center}#contact .contact-form .contact-info .logo{width:100px;filter:opacity(.8)}#contact .contact-form .contact-info h1{font-size:clamp(1.5rem,3vw,2.5rem);padding-bottom:1rem;border-bottom:5px solid var(--grey-dark)}#contact .contact-form .contact-info .social-container{display:flex;gap:4rem}#contact .contact-form .contact-info .link-icon{width:35px}#contact .contact-form .contact-info .email-container{display:flex;align-items:center;gap:1rem;position:relative}#contact .contact-form .contact-info .email-container strong{font-size:clamp(.9rem,3vw,1.3rem)}#contact .contact-form .contact-info .email-container svg{width:25px}#contact .contact-form .contact-info .email-container .copy-advise{right:-28%;top:18%;font-size:clamp(.7rem,1vw,.7rem)}#contact .contact-form .card{max-width:550px;min-width:450px;padding:2rem;will-change:transform;height:auto;display:flex;flex-direction:column;gap:1rem}#contact .contact-form .card .button{align-self:center}#contact .contact-form .card input,#contact .contact-form .card textarea{outline:none;padding:.5rem;font-size:1rem;border-radius:5px;border:2px solid transparent;box-shadow:var(--shadow-button);transition:border-color .3s ease-in-out;background-color:var(--grey-light);color:var(--black-light)}#contact .contact-form .card textarea{resize:none;min-height:14rem}#contact .contact-form .card input:focus,#contact .contact-form .card textarea:focus{border-color:var(--orange-dark)}#contact .contact-form .card input::placeholder,#contact .contact-form .card textarea::placeholder{color:var(--grey-dark)}#contact .contact-form .card input:-webkit-autofill,#contact .contact-form .card textarea:-webkit-autofill{-webkit-box-shadow:var(--grey-light);-webkit-text-fill-color:black;transition:background-color 5000s ease-in-out 0s}#contact .contact-form .card input:-webkit-autofill:focus,#contact .contact-form .card textarea:-webkit-autofill:focus{-webkit-box-shadow:var(--grey-light);-webkit-text-fill-color:black}#contact .contact-form .card .form-advise{bottom:5%;right:5%;font-size:clamp(.8rem,1.1vw,1.2rem);background-color:var(--green)}#contact .contact-form .card .form-advise.error{background-color:var(--red)}@media not (min-width:1080px){#contact{min-height:calc(100svh - 200px);padding:1rem 0}#contact .contact-form{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:4rem;place-items:center}#contact .contact-form .card{max-width:none;width:50%;padding:1.25rem}}@media not (min-width:480px){#contact{padding:1rem 0}#contact .contact-form{padding-top:1rem;gap:2rem}#contact .contact-form h2{padding-bottom:.5rem}#contact .contact-form .contact-info{gap:1rem}#contact .contact-form .contact-info .link-icon{width:25px}#contact .contact-form .contact-info .logo{width:60px}#contact .contact-form .contact-info .email-container{gap:.5rem}#contact .contact-form .contact-info .email-container .copy-advise{right:-33%;font-size:.6rem}#contact .contact-form .card{min-width:auto;width:90%;max-width:450px}#contact .contact-form .card header h2{font-size:1.3rem}#contact .contact-form .card input,#contact .contact-form .card textarea{font-size:.9rem}#contact .contact-form .card textarea{min-height:10rem}}footer{width:100%;border-top:3px solid var(--black-light);padding:1rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem}footer .button{width:fit-content;font-size:.7rem;gap:.5rem}@media not (min-width:480px){footer{padding:.5rem 0;font-size:small;gap:.5rem}footer .button{font-size:.6rem;padding:0 .7rem}}