@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root[data-theme=dark],:root[data-theme=light]{--text-color: #141213;--text-color-secondary: #E2E9F0;--bg-color: #E2E9F0;--bg-color-secondary: #061237;--bg-btn: #1C2F66;--bg-btn-secondary: #5169BA;--bg-navbar: #4E6096;--bg-navbar-active: rgba(78, 96, 150, 0.8274509804);--border-navbar: #95B5F2;--border-logo-color: #1C2F66;--accordion-bg-header: #5169BA;--accordion-bg-body: #95B5F2;--gradient-header: linear-gradient(180deg, #5169BA 60%, rgba(81, 105, 186, 0.8156862745) 80%, rgba(75, 98, 171, 0.831372549) 100%);--gradient-header-hover: linear-gradient(180deg, #5169BA 65%, #5169BA 75%, #435797 100%);--gradient-body: linear-gradient(180deg, rgba(75, 98, 171, 0.831372549) 30%, #81a0d9 95%, #5169BA 100%);--gradient-body-hover: linear-gradient(180deg, #435797 10%, #81a0d9 35%, #5169BA 99%);--btn-hover-gradient: linear-gradient(90deg, #0a1948 0%, #041547 40%, #000000 60%);--btn-secondary-hover-gradient: linear-gradient(90deg, #04164b 0%, #041547 40%, #5169BA 60%)}:root[data-theme=dark]{--text-color: #E2E9F0;--text-color-secondary: #141213;--bg-color: #061237;--bg-color-secondary: #1C2F66;--bg-btn: #141213;--bg-btn-secondary: #5169BA;--bg-navbar: #141213;--bg-navbar-active: rgba(20, 18, 19, 0.8274509804);--border-navbar: #E2E9F0;--border-logo-color: #E2E9F0;--accordion-bg-header: #2C406B;--accordion-bg-body: #4E6096;--gradient-header: linear-gradient(180deg, #2c406b 60%, #2c406b 80%, #5c70aa 100%);--gradient-header-hover: linear-gradient(180deg, #2C406B 25%, rgba(57, 72, 121, 0.7019607843) 75%, #4E6096 100%);--gradient-body: linear-gradient(180deg, #5c70aa 50%, #4E6096 85%, rgba(57, 72, 121, 0.7019607843) 100%);--gradient-body-hover: linear-gradient(180deg, #4E6096 10%, #4E6096 35%, rgba(57, 72, 121, 0.7019607843) 90%);--btn-hover-gradient: linear-gradient(90deg, #0a1948 0%, #061237 30%, #000000 80%);--btn-secondary-hover-gradient: linear-gradient(90deg, #2b4696 0%, #041547 55%, #5169BA 70%)}.animation-sun{transform:rotate(180deg)}.animation-moon{transform:rotateY(180deg)}@keyframes spawn-top{to{transform:translateY(0%);opacity:1}from{transform:translateY(-20%);opacity:.1}}@keyframes spawn-right{0%{transform:translateX(20%);opacity:0}50%{transform:translateX(5%);opacity:.4}50%{transform:translateX(0%);opacity:1}}@keyframes scroll{0%{transform:translateX(90%)}100%{transform:translateX(-1900%)}}@keyframes slideRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideLeft{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes moveBackground{0%{background:var(--btn-hover-gradient);background-size:400% 400%;background-position:0% 0%}50%{background:var(--btn-hover-gradient);background-size:400% 400%;background-position:50% 0%}100%{background:var(--btn-hover-gradient);background-size:400% 400%;background-position:100% 0%}}@keyframes moveBackground-2{0%{background:var(--btn-secondary-hover-gradient);background-size:400% 400%;background-position:100% 0%}50%{background:var(--btn-secondary-hover-gradient);background-size:400% 400%;background-position:50% 0%}100%{background:var(--btn-secondary-hover-gradient);background-size:400% 400%;background-position:0% 0%}}@media screen and (pointer: coarse){.btn__project,.btn__github{animation:none !important;transform:none !important}.technologies__carousel:hover .technologies__item,.technologies__carousel .technologies__item:focus,.technologies img{transform:none !important;animation-play-state:running !important}.modal{display:none !important}}@media screen and (min-width: 0px){.btn__project div{font-size:.9rem}.btn__project.big{width:80vw;min-width:60%;max-width:80vw}.btn__project.small{min-width:35%;max-width:60%}.carousel__control-next.btn-carousel,.carousel__control-prev.btn-carousel{font-size:1.8rem}.bi-arrow-up-right{display:none}.header-container{padding:1rem 1rem 0;width:100vw;max-width:100%;max-height:18vh;display:flex;flex-direction:row;justify-content:space-between}.header-container .logo-container,.header-container .theme-button{max-width:13%}.header-container .theme-button{font-size:1.8rem}.content--container{padding:1rem 1.5rem .5rem}.about__text-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.first__title{font-size:2.5rem}}@media screen and (min-width: 576px){.btn__project div{font-size:1.4rem}.actions__container{max-width:36.25rem;align-self:center}.actions__container .btn__github{max-width:13.75rem}.btn__project.big{min-width:60%;max-width:70%}.btn__project.small{max-width:20rem}.carousel__control-next.btn-carousel,.carousel__control-prev.btn-carousel{font-size:2.4rem}.bi-arrow-up-right{display:inline}.header-container .menu-desktop__text{font-size:.8rem}.first__title{font-size:3.5rem}}@media screen and (min-width: 769px){.about__actions{justify-content:center !important;gap:2rem}.about__actions .btn__project.conect{width:50vw;min-width:20%;max-width:25rem}.about__actions .btn__github{width:50vw;min-width:20%;max-width:20rem}.header-container{background-color:var(--bg-navbar);padding:.7rem 5rem;position:fixed;top:0;z-index:15;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.header-container .logo-container,.header-container .theme-button{width:5rem;min-width:7%;max-width:7%}.header-container .theme-button{font-size:1.8rem}.header-container .menu-active{border:none}.header-container .menu-active:has(.menu-desktop__text) .menu-desktop__text{filter:brightness(3)}.menu__desktop .menu-desktop--container{width:45vw;min-width:70%;max-width:27rem}.menu__desktop .menu-desktop--container .menu__item .menu-desktop__text{font-size:1.1rem}.content--container{padding:1rem 5rem}.first__content{margin-top:6.3rem}.first__content .first__header{padding-left:.4rem;max-width:65vw}.first__content .btn__project.big{align-self:flex-start}.technologies__container .technologies__carousel{gap:7rem}.technologies__container .technologies__carousel .technologies__item .technologies__paragraph.modal{width:320%;min-width:300%;max-width:350%;min-height:130%;max-height:220%}.second__content.content--container .project-1 .carousel__container{width:100vw;min-width:100%;max-width:100%}.second__content.content--container .project-1 .carousel__container .carousel__body{width:100vw;min-width:100%;max-width:100%}.contact__main .btn.btn__project.big{font-size:1.3rem;font-weight:300}}@media screen and (min-width: 992px){.project__actions{gap:2rem}.btn__project.big{width:70vw;min-width:40%;max-width:26rem}.btn__project.small{width:50vw;min-width:30%;max-width:15rem}.header-container{justify-content:space-around}.header-container .logo-container,.header-container .theme-button{width:3rem;min-width:3rem;max-width:3rem}.content--container{padding:1rem 5.5rem .5rem}.technologies__container .technologies__carousel{gap:7rem}.second__content .project__container{display:grid;grid-template-areas:"area1 area2";grid-template-rows:1fr;gap:1rem}.second__content .project__container .carousel__container{width:100vw;min-width:100%;max-width:100%}.second__content .project__container .carousel__container .carousel__body{width:100vw;min-width:100%;max-width:100%}.second__content .project-1,.second__content .project-3{grid-template-columns:60% 40%}.second__content .project-1 .carousel__container,.second__content .project-3 .carousel__container{grid-area:area1}.second__content .project-1 .project__content,.second__content .project-3 .project__content{grid-area:area2;gap:.8rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.second__content .project-1 .project__content-text,.second__content .project-3 .project__content-text{max-height:30%;overflow:auto}.second__content .project-2{grid-template-columns:40% 60%}.second__content .project-2 .carousel__container{grid-area:area2}.second__content .project-2 .project__content{grid-area:area1;gap:.8rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.second__content .project-2 .project__content-text{max-height:30%;overflow:auto}.third__content{display:flex;flex-direction:column;justify-content:center;align-items:center}.third__content .third__content-container1{max-width:100%;display:grid;grid-template-columns:35% 60%;grid-template-rows:15% 75% 10%;grid-template-areas:"top1 top2" "middle1 middle2" "bottom1 bottom2"}.third__content .third__content-container1 .about__title{align-self:center;font-weight:200;font-size:3rem;grid-area:top2}.third__content .third__content-container1 .photo__container{margin-top:6rem;place-self:flex-start;grid-area:top1;grid-row:span 3}.third__content .third__content-container1 .about__text-container{text-align:left;font-size:1rem;grid-area:middle2}.third__content .third__content-container1 .about__actions{grid-area:bottom2}.about__text-container p.about__text.text1,.about__text-container p.about__text.text2{word-spacing:.3rem}.third__content-container2{max-width:100%;display:grid;grid-template-columns:40% 60%;grid-template-rows:50% 50%;grid-template-areas:"top1 top2" "bottom1 bottom2"}.third__content-container2 .about__formation,.third__content-container2 .about__experience{grid-area:top1}.third__content-container2 .about__experience{padding-top:12rem;grid-area:top1}.third__content-container2 .accordion{max-height:100%;place-self:flex-start;grid-area:top2;grid-row:span 2;width:50vw;min-width:50%;max-width:45rem}.third__content-container2 .accordion .about__title{font-weight:200;align-self:flex-start}.fourth__content.content--container{padding-top:10rem}footer{padding:3rem 11rem 20vh !important}}@media screen and (min-width: 1200px){.content--container{padding:1rem 8.5rem .5rem}.first__content.content--container{margin-top:10rem}.first__content.content--container .first__header{max-width:45vw}.technologies__container div.technologies__carousel{gap:10rem}}@media screen and (min-width: 1400px){div.project__actions.actions__container{align-self:flex-start;width:50vw;min-width:50%;max-width:30rem}a.btn.btn__project.big{width:50vw;min-width:20rem;max-width:30rem}.header-container{padding:.7rem 15rem}.content--container{padding:1rem 11.5rem .5rem}.first__body video.first__video{width:80vw;min-width:76rem;max-width:80rem}.technologies__container .technologies__carousel .technologies__item .technologies__paragraph.modal{width:380%;min-width:300%;max-width:400%}.third__content .third__content-container1 div.photo__container{justify-self:center}.third__content-container2{justify-content:center;width:100vw;min-width:100%;max-width:100%}}.btn{cursor:pointer;color:#fff;text-align:center}.btn:hover{opacity:.9}.btn:active{filter:brightness(1.2)}.btn__project{padding:.7rem 1rem;text-align:center;border-radius:2rem;border:2px solid var(--text-color);background-color:var(--bg-btn);transition:.5s}.btn__project:hover{transform:scale(1.08);transition:transform .8s;animation:moveBackground 1s linear forwards}.btn__project div{display:flex;flex-direction:row;justify-content:space-around;align-items:center}.btn__project.big{align-self:center}.btn__project.small{display:flex;flex-direction:row;justify-content:space-around;align-items:center}.btn__github{padding:.9rem 1.5rem;border-radius:.3rem;background-color:var(--bg-btn-secondary);transition:.5s;display:flex;flex-direction:row;justify-content:center;align-items:center;width:30vw;min-width:35%;max-width:40%}.btn__github:hover{transform:scale(1.08);transition:transform .8s;animation:moveBackground-2 1s linear forwards}.btn-carousel{position:absolute;border:none;opacity:.8;background:rgba(0,0,0,0);color:#95b5f2;font-size:2.8rem;transition:.25s ease-in-out;display:flex;flex-direction:row;justify-content:center;align-items:center}.btn-carousel:hover{cursor:pointer;transform:scale(1.3)}.btn-carousel:focus{filter:brightness(1.2)}.actions__container{width:100%;max-width:100vw;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.actions__container .conect{min-width:50vw}.carousel__container{position:relative;aspect-ratio:16/9;place-self:center;width:90vw;min-width:90vw;max-width:90vw;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.carousel__body{position:relative;aspect-ratio:16/9;width:100vw;min-width:100%;max-width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.carousel__item{position:relative;aspect-ratio:16/9;width:100vw;min-width:100%;max-width:100%}.carousel__img{aspect-ratio:16/9;background-color:rgba(0,102,255,.445);width:100vw;min-width:100%;max-width:100%}.carousel__control-prev{left:0}.carousel__control-next{right:0}.carousel__item{opacity:0;transform:translateX(100%);transition:all .5s ease;position:absolute}.carousel__item.active{opacity:1;transform:translateX(0)}.slide-in-right{transform:translateX(0);animation:slideRight .5s forwards}.slide-in-left{transform:translateX(0);animation:slideLeft .5s forwards}.menu__desktop{display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:10}.menu__desktop .menu-desktop--container{display:flex;flex-direction:row;justify-content:center;align-items:center}.menu__desktop .menu__item{width:100vw;min-width:25%;max-width:25%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--bg-navbar);height:100%}.menu__desktop .menu__item .menu-desktop__link{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#e2e9f0;gap:.3rem;opacity:.65;transition:1s ease-in-out,text-shadow .25s,opacity .25s}.menu__desktop .menu__item .menu-desktop__link:hover{transform:scale(1.1);opacity:1;filter:brightness(3);text-shadow:5px 3px 5px var(--text-color)}.menu__desktop .menu__item .menu-desktop__icon{font-size:1.7rem}.menu__desktop .menu__item.menu-active:has(.menu-desktop__link) .menu-desktop__link{opacity:1}.header-container{width:100vw;max-width:100%;max-height:18vh;display:flex;flex-direction:row;justify-content:space-between}.header-container .logo-container,.header-container .theme-button{padding:.1rem;aspect-ratio:1/1;max-height:85%;display:flex;flex-direction:row;justify-content:center;align-items:center}.header-container .logo-container img,.header-container .theme-button img{border:2px solid var(--border-logo-color);border-radius:.2rem;transition:.2s ease-in-out;aspect-ratio:1/1;max-width:100%}.header-container .theme-button{transition:.25s linear;opacity:.7}.header-container .theme-button:hover{opacity:1;cursor:pointer;transform:scale(1.1)}.menu-active{border-bottom:2px solid var(--border-navbar)}.menu__mobile{position:fixed;bottom:0;z-index:10}.menu__mobile .menu-mobile--container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100vw;min-width:90%;max-width:100%;height:4rem;min-height:10vh}.menu__item{background-color:var(--bg-navbar);height:100%;transition:1s ease-in-out;width:100vw;min-width:25%;max-width:25%;display:flex;flex-direction:column;justify-content:center;align-items:center}.menu__item .menu-mobile__link{color:var(--text-color);gap:.3rem;opacity:.65;display:flex;flex-direction:column;justify-content:center;align-items:center}.menu__item .menu-mobile__icon{font-size:1.7rem}.menu__item .menu-mobile__text{font-size:.8rem}.menu__item.menu-active{background-color:var(--bg-navbar-active)}.menu__item.menu-active:has(.menu-mobile__link) .menu-mobile__link{opacity:1;font-weight:600}.flex-container{display:flex;gap:.4rem}.hidden{display:none}.content--container{width:100%;max-width:100vw}.first__links-container{width:100%;padding:0 0 1rem .3rem}.first__links-container .first__link{font-size:2rem;margin-right:.5rem;color:var(--text-color)}.first__links-container .first__link:hover{opacity:.8}html,body,div,span,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;list-style:none}html{background-color:var(--bg-color);color:var(--text-color);max-height:100vh;max-width:100vw;scroll-behavior:smooth}*{box-sizing:border-box}body{max-height:100vh;max-width:100vw}#home,#projects{scroll-margin-top:13rem}#about,#contact{scroll-margin-top:4rem}a{text-decoration:none}a :visited{opacity:.7}::-webkit-scrollbar{width:.6rem}::-webkit-scrollbar-thumb{background:var(--bg-color);border:1px solid var(--text-color);border-radius:.4rem}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.404)}::-webkit-scrollbar-track{background-color:var(--bg-color-secondary)}html{font-family:Inter,Arial,Helvetica,sans-serif}.achivo{font-family:Archivo}.poppins{font-family:Poppins}.title1{font-family:Archivo;font-weight:300;color:var(--text-color)}.title2{font-family:Archivo;font-weight:500;font-size:1.8rem;color:var(--text-color)}.subtitle{font-family:Poppins}.accordion__header{color:#e2e9f0}.accordion__header p{font-size:1.4rem}.accordion__header span{font-size:1.8rem}@media screen and (min-width: 769px){.about__title.title2,.project__title1{font-size:3rem}.about__text-container{font-size:1.1rem}}.third__content{display:flex;flex-direction:column;gap:7rem}.third__content-container1{display:flex;flex-direction:column;gap:2rem}.third__content-container1 .photo__container{display:flex;flex-direction:row;justify-content:center;align-items:center}.third__content-container1 .photo__container .about__photo{max-width:50vw;aspect-ratio:1/1}.third__content-container1 .photo__container .about__photo img{border-radius:2rem;width:100%}.about__text-container{gap:1rem}.about__text-container .about__text.text1{word-spacing:.5rem;line-height:1.4rem;align-self:flex-end}.about__text-container .about__text.text2{word-spacing:.6rem;align-self:flex-end}.about__text-container .about__language{width:100%}.third__content-container2 .about__formation,.third__content-container2 .about__experience{padding-left:.5rem}.third__content-container2 .about__formation .flex-container,.third__content-container2 .about__experience .flex-container{padding-left:.5rem}.third__content-container2 .about__experience .experience__paragraph{text-align:left}.accordion{width:90%;min-width:90vw;max-width:20rem;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;place-self:center}.accordion h3{padding-bottom:1rem}.accordion__container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:100%;max-width:100%;overflow:hidden}.accordion__header{border:top 2px solid var(--accordion-bg-body) right 2px solid red bottom 2px solid red left 2px solid red;padding:.8rem 1.1rem .8rem;position:relative;background-color:var(--accordion-bg-header);display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;min-width:100%;max-width:100%}.accordion__header:hover{cursor:pointer}.accordion__header .accordion__title{position:relative;transition:.7s ease-in-out}.accordion__header .accordion__title:hover{text-shadow:.35rem .3rem .28rem var(--text-color-secondary);left:.5rem}.accordion__header .icon{transition:.2s linear}.accordion__body{background-color:var(--accordion-bg-body);display:none;gap:1rem;padding:.8rem;flex-direction:column;justify-content:center;width:100%;min-width:100%;max-width:100%;animation:spawn-top .25s ease 1 forwards}.accordion__body .accordion__text{color:var(--text-color-secondary)}.accordion__body .title{font-weight:600}.accordion__body .subtitle{font-weight:500;text-indent:2rem}.accordion__paragraph{display:flex;flex-direction:column;gap:.8rem;animation:spawn-right 1.5s ease-in-out 1 forwards}.skills__list{padding-left:2rem;animation:spawn-right 1.5s ease-in-out 1 forwards}.skills__item{padding-bottom:.5rem;color:var(--text-color)}.skills__item::marker{content:"•  ";animation:spawn-right 1.5s ease-in-out 1 forwards}.active .accordion__header{padding:1.4rem 1.1rem;justify-content:center;background:var(--gradient-header)}.active .accordion__header:hover{background:var(--gradient-header-hover)}.active:has(.accordion__header:hover) .accordion__body{background:var(--gradient-body-hover)}.active:has(.accordion__body) .accordion__body{display:flex;background:var(--gradient-body)}.active:has(.icon) .icon{transform:rotate(-180deg);position:absolute;right:3%}.active:has(.icon) .accordion__title{transform:translateX(-10%)}.fourth__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.contact__header{text-align:center;gap:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:70vw;min-width:70vw;max-width:70vw}.contact__main{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}footer{padding:3rem 2rem 20vh;display:flex;flex-direction:column;justify-content:center;align-items:center}footer .terms{text-align:center}.first__content{display:flex;flex-direction:column;gap:1.5rem}.first__header{transition:.2s ease-in-out;max-width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.first__header .first__title{width:100%;text-align:left;padding-bottom:2rem}.first__header .first__paragraph{width:100%;text-align:left;padding-bottom:1rem}.first__body{width:100%;max-width:100vw;display:flex;flex-direction:row;justify-content:center;align-items:center}.first__body .first__video{width:100%;max-width:90vw}.second__content{padding-top:2rem;display:flex;flex-direction:column;gap:3rem}.project__container{width:100%;max-width:100vw;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.project__container .project__video{align-self:center;width:100vw;max-width:100%}.project__container .project__content-text{display:flex;flex-direction:column;gap:1rem}.project__container .project__content-text .project__list{padding-left:2.2rem;display:flex;flex-direction:column;gap:.6rem}.project__container .project__content-text .project__list ::marker{content:"▶   ";color:#5169ba}.project__technologies{padding:1rem 0 1rem 1rem;width:100%;max-width:100vw;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:.5rem}.project__technologies .project__img{display:flex;flex-direction:row;justify-content:center;align-items:center;padding-right:.5rem;max-width:100vw}.project__technologies .project__img img{background-color:#95b5f2;border-radius:.4rem;width:3rem}.technologies__container{max-height:60vh;padding:2rem 0;background-color:var(--bg-color-secondary);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;overflow:hidden}.technologies__container .technologies__title{padding:0 1.5rem;color:#e2e9f0}.technologies__carousel{width:100%;gap:4.2rem;max-width:100vw;max-height:20vh;position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.technologies__carousel:hover .technologies__item,.technologies__carousel .technologies__item:focus{animation-play-state:paused}.technologies__carousel:hover .technologies__item img:hover,.technologies__carousel .technologies__item:focus img:hover{transform:scale(1.1);transition:.2s ease-in-out}.technologies__carousel:focus:has(.tech-active){animation-play-state:paused}.technologies__item{max-width:15%;position:relative;animation:scroll 25s linear alternate infinite;display:flex;flex-direction:row;justify-content:center;align-items:center}.technologies__item img{max-width:100%;width:5rem;flex-shrink:0;background-color:#95b5f2;border-radius:.4rem}.technologies__item :hover{cursor:pointer}.technologies__item.tech-active .modal{display:flex}.technologies__item .modal{position:absolute;aspect-ratio:2/2;top:-100%;left:50%;transform:translateX(-50%);background:#95b5f2;color:#000;padding:1rem;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.3);overflow:auto;z-index:10;flex-direction:column;gap:.3rem}.technologies__item .modal .modal__close{align-self:flex-end;font-weight:900;font-size:1.3rem;position:fixed;top:.6rem;z-index:3;color:var(--text-color-secondary)}.technologies__item .modal .modal__close:hover{color:red}.technologies__item .modal .modal__text{user-select:none;text-align:left;padding-top:1rem;animation:spawn-top .8s ease-in-out 1 forwards}.technologies__item .modal .modal__text:hover{cursor:default}/*# sourceMappingURL=main.css.map */