@font-face{font-family:NunitoSans-ExtraLight;src:url(../assets/fonts/NunitoSans-ExtraLight.woff2)}@font-face{font-family:NunitoSans-Light;src:url(../assets/fonts/NunitoSans-Light.woff2)}@font-face{font-family:Montserrat-Thin;src:url(../assets/fonts/Montserrat-Thin.woff2)}@font-face{font-family:Montserrat-Medium;src:url(../assets/fonts/Montserrat-Medium.woff2)}.image-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;place-items:center;background:#000c}.image-preview.open{display:grid}.image-preview__img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:95vw;max-height:95vh;object-fit:contain;-webkit-user-select:none;user-select:none;box-shadow:0 0 30px 5px #fff3}@font-face{font-family:NunitoSans-ExtraLight;src:url(../assets/fonts/NunitoSans-ExtraLight.woff2)}@font-face{font-family:NunitoSans-Light;src:url(../assets/fonts/NunitoSans-Light.woff2)}@font-face{font-family:Montserrat-Thin;src:url(../assets/fonts/Montserrat-Thin.woff2)}@font-face{font-family:Montserrat-Medium;src:url(../assets/fonts/Montserrat-Medium.woff2)}:root{font-family:NunitoSans-ExtraLight;color:#a9b1d6;background-color:#25293c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0!important;padding:0!important}button{display:flex;gap:.7em;background-color:#0002;font-family:NunitoSans-Light;border:1px solid rgba(169,177,214,.3333333333);opacity:.7;font-size:18px;border-radius:5px;cursor:pointer;color:#a9b1d6;padding:.7em 1.2em;align-items:center;transition:.2s}button:hover{opacity:1}button a{display:flex;gap:.7em;text-decoration:none;color:#a9b1d6}button img{width:25px;height:25px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#a9b1d655;border-radius:5px}main{padding-bottom:40px;overflow-y:auto;max-height:100vh;box-sizing:border-box}main .about-container{position:relative;display:grid;justify-content:center;width:100%;margin-top:150px}main .about-container .about-content{max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box;border-radius:10px;padding:1em;gap:1em;display:flex;justify-content:space-between}main .about-container .about-content p{margin:0}main .about-container .about-content .about-info{display:grid;width:60%;opacity:0;animation:fade 1s forwards;animation-delay:.1s}main .about-container .about-content .about-info .about-me{font-size:clamp(13px,2.5vw,16px)}main .about-container .about-content .about-info .content-block{margin-top:1em}main .about-container .about-content .about-info .content-title{display:flex;gap:.5em;align-items:center;margin:0 0 .5em}main .about-container .about-content .about-info .skills{display:flex}main .about-container .about-content .about-info .skills ul{display:flex;flex-wrap:wrap;list-style:none;gap:1em;margin:0;padding:0}main .about-container .about-content .about-info .skills ul li{display:flex;align-items:center;gap:.5em;border:1px solid #A9B1D6;-webkit-user-select:none;user-select:none;border-radius:5px;padding:.3em .7em}main .about-container .about-content .about-info .skills ul li p{margin:0;font-size:clamp(12px,2.5vw,14px)}main .about-container .about-content .about-info .skills ul li img,main .about-container .about-content .about-info .skills ul li svg{width:15px;height:15px}main .about-container .about-content .about-info ul.services-list{display:flex;flex-wrap:wrap;list-style:none;gap:1em;margin:0;padding:0}main .about-container .about-content .about-info ul.services-list li{display:flex;align-items:center;gap:.5em;border:1px solid #A9B1D6;-webkit-user-select:none;user-select:none;border-radius:5px;padding:.3em .7em}main .about-container .about-content .about-info ul.services-list li p{margin:0;font-size:clamp(12px,2.5vw,14px)}main .about-container .about-content .about-info ul.services-list li img,main .about-container .about-content .about-info ul.services-list li svg{width:15px;height:15px}main .about-container .about-content .about-info ul.services-list svg{width:20px!important;height:20px!important}main .about-container .about-content .about-photo{width:30%;opacity:0;animation:fade 1s forwards;animation-delay:0s}main .about-container .about-content .about-photo h1{text-align:center;font-size:25px;margin:10px 0 0}main .about-container .about-content .about-photo .my-photo{width:100%;border-radius:10px;box-shadow:10px 10px 70px #fff5;box-sizing:border-box;opacity:.3}main .about-container .about-content .about-photo .contacts-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1em;padding:0;margin:.5em 0 0;list-style:none}main .about-container .about-content .about-photo .contacts-list li a{display:flex;text-decoration:none;color:#a9b1d6;width:fit-content;align-items:center;opacity:.6;transition:opacity .2s}main .about-container .about-content .about-photo .contacts-list li a span{font-size:0px}main .about-container .about-content .about-photo .contacts-list li a img,main .about-container .about-content .about-photo .contacts-list li a svg{width:25px;height:25px}main .about-container .about-content .about-photo .contacts-list li a:hover{opacity:1}main .projects-container,main .experience-container{position:relative;display:grid;justify-content:center;width:100%}main .projects-container .projects-content,main .projects-container .experience-content,main .experience-container .projects-content,main .experience-container .experience-content{max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box;border-radius:10px;padding:1em;gap:1em;opacity:0;animation:fade 1s forwards;animation-delay:.2s}main .projects-container .projects-content h2,main .projects-container .experience-content h2,main .experience-container .projects-content h2,main .experience-container .experience-content h2{font-family:Montserrat-Thin;font-size:clamp(28px,5vw,42px);text-align:center;margin-bottom:.3em}main .projects-container .projects-content p.pretext,main .projects-container .experience-content p.pretext,main .experience-container .projects-content p.pretext,main .experience-container .experience-content p.pretext{font-size:clamp(13px,2.5vw,16px);text-align:center;margin-top:0;margin-bottom:2em}main .projects-container .projects-content .langs-list,main .projects-container .experience-content .langs-list,main .experience-container .projects-content .langs-list,main .experience-container .experience-content .langs-list{display:flex;flex-wrap:wrap;list-style:none;gap:1em;margin:1em 0 0;padding:0;gap:.5em}main .projects-container .projects-content .langs-list li,main .projects-container .experience-content .langs-list li,main .experience-container .projects-content .langs-list li,main .experience-container .experience-content .langs-list li{display:flex;align-items:center;gap:.5em;border:1px solid #A9B1D6;-webkit-user-select:none;user-select:none;border-radius:5px;padding:.3em .7em}main .projects-container .projects-content .langs-list li p,main .projects-container .experience-content .langs-list li p,main .experience-container .projects-content .langs-list li p,main .experience-container .experience-content .langs-list li p{margin:0;font-size:clamp(12px,2.5vw,14px)}main .projects-container .projects-content .langs-list li img,main .projects-container .projects-content .langs-list li svg,main .projects-container .experience-content .langs-list li img,main .projects-container .experience-content .langs-list li svg,main .experience-container .projects-content .langs-list li img,main .experience-container .projects-content .langs-list li svg,main .experience-container .experience-content .langs-list li img,main .experience-container .experience-content .langs-list li svg{width:15px;height:15px}main .projects-container .projects-content .langs-list .lang-item,main .projects-container .experience-content .langs-list .lang-item,main .experience-container .projects-content .langs-list .lang-item,main .experience-container .experience-content .langs-list .lang-item{font-size:12px}main .experience-container .experience-content .highlight{position:absolute;top:250px;right:40%;width:150px;height:150px;border-radius:100%;background-color:#a9b1d6;filter:blur(150px)}main .experience-container .experience-content .experience-list{display:grid;gap:1em}main .experience-container .experience-content .experience-list .experience-item{position:relative;display:flex;gap:1em;align-items:start;box-sizing:border-box;border-radius:10px;width:100%;padding:1em 0;transition:.2s}main .experience-container .experience-content .experience-list .experience-item .logo-wrapper{display:grid;width:100px}main .experience-container .experience-content .experience-list .experience-item .logo-wrapper .title{font-size:22px;color:#a9b1d6;text-align:center;font-family:Montserrat-Medium;margin:10px 0 0}main .experience-container .experience-content .experience-list .experience-item .logo-wrapper .logo-block{display:grid;border-radius:20px;overflow:hidden;height:100px;min-height:100px;width:100px;min-width:100px}main .experience-container .experience-content .experience-list .experience-item .logo-wrapper .logo-block img{width:100%;height:100%;object-fit:cover;opacity:.7}main .experience-container .experience-content .experience-list .experience-item .experience-info{align-items:start;border:1px solid rgba(169,177,214,.1333333333);background-color:#0002;box-sizing:border-box;border-radius:10px;width:100%;padding:1em 3em 1em 1em}main .experience-container .experience-content .experience-list .experience-item .experience-info h3{font-family:Montserrat-Medium;font-size:22px;margin:0}main .experience-container .experience-content .experience-list .experience-item .experience-info h4{font-family:Montserrat-Medium;font-size:16px;margin:0}main .experience-container .experience-content .experience-list .experience-item .experience-info p{font-size:14px}main .experience-container .experience-content .experience-list .experience-item .experience-info .cases-list{margin-top:10px}main .experience-container .experience-content .experience-list .experience-item .experience-info .cases-list li{font-size:14px}main .projects-container .projects-content .highlight{position:absolute;top:100px;left:40%;width:150px;height:150px;border-radius:100%;background-color:#a9b1d6;filter:blur(150px)}main .projects-container .projects-content .projects-list{display:grid;grid-template-columns:1fr 1fr;gap:1em}main .projects-container .projects-content .projects-list .project-item{position:relative;display:flex;gap:1em;align-items:start;border:1px solid rgba(169,177,214,.1333333333);background-color:#0002;box-sizing:border-box;border-radius:10px;padding:1em;transition:.2s}main .projects-container .projects-content .projects-list .project-item .logo-block{display:grid}main .projects-container .projects-content .projects-list .project-item .logo-block img{width:70px;height:70px;object-fit:cover;border-radius:10px;opacity:.6}main .projects-container .projects-content .projects-list .project-item .project-info{width:100%}main .projects-container .projects-content .projects-list .project-item .project-info .project-heading{display:flex;align-items:center;justify-content:space-between;gap:.5em}main .projects-container .projects-content .projects-list .project-item .project-info .project-heading h3{display:flex;align-items:center;font-size:16px;font-family:Montserrat-Medium;gap:.5em;margin:0}main .projects-container .projects-content .projects-list .project-item .project-info .project-heading h3 .comercial{font-size:10px;border:1px solid #3E58A0;border-radius:5px;padding:2px 5px;font-family:NunitoSans-ExtraLight}main .projects-container .projects-content .projects-list .project-item .project-info .project-heading .links{display:flex;gap:.5em;align-items:center}main .projects-container .projects-content .projects-list .project-item .project-info .project-heading .links a,main .projects-container .projects-content .projects-list .project-item .project-info .project-heading .links button{display:flex;gap:.7em;background-color:#0002;font-family:NunitoSans-Light;border:1px solid rgba(169,177,214,.3333333333);opacity:.7;font-size:18px;border-radius:5px;cursor:pointer;color:#a9b1d6;align-items:center;transition:.2s;justify-content:center;padding:.2em .3em}main .projects-container .projects-content .projects-list .project-item .project-info .project-heading .links a:hover,main .projects-container .projects-content .projects-list .project-item .project-info .project-heading .links button:hover{opacity:1}main .projects-container .projects-content .projects-list .project-item .project-info .project-heading .links a a,main .projects-container .projects-content .projects-list .project-item .project-info .project-heading .links button a{display:flex;gap:.7em;text-decoration:none;color:#a9b1d6}main .projects-container .projects-content .projects-list .project-item .project-info p{font-family:NunitoSans-ExtraLight;margin:.5em 0 0;font-size:14px}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (max-width: 1280px){.footer-content,.contacts-content,.projects-content,.about-content,.experience-content,.intro-content{max-width:1000px!important}}@media (max-width: 1024px){.footer-content,.contacts-content,.projects-content,.about-content,.experience-content,.intro-content{max-width:900px!important}}@media (max-width: 768px){.footer-content,.contacts-content,.projects-content,.about-content,.intro-content{max-width:700px!important}main .about-container{margin-top:2em}main .about-container .about-content{display:grid;justify-items:center}main .about-container .about-content .about-photo{width:50%}main .about-container .about-content .about-info{width:100%}main .contacts-container .contacts-content .contacts-image img{width:100%}main .projects-container .projects-content .projects-list{grid-template-columns:1fr}}@media (max-width: 650px){main .experience-container .experience-content .experience-list .experience-item .logo-wrapper{width:80px}main .experience-container .experience-content .experience-list .experience-item .logo-wrapper .title{font-size:18px}main .experience-container .experience-content .experience-list .experience-item .logo-wrapper .logo-block{height:80px;min-height:80px;width:80px;min-width:80px}}@media (max-width: 550px){main .contacts-container .contacts-content{flex-direction:column;align-items:center;gap:1em}main .contacts-container .contacts-content .contacts-image{width:250px}main .experience-container .experience-content .experience-list .experience-item{display:grid;align-items:center}main .experience-container .experience-content .experience-list .experience-item .logo-wrapper{width:100%;gap:1em;display:flex;align-items:center}main .experience-container .experience-content .experience-list .experience-item .logo-wrapper .title{font-size:32px;margin:0}main .experience-container .experience-content .experience-list .experience-item .logo-wrapper .logo-block{border-radius:10px;height:50px;min-height:50px;width:50px;min-width:50px}}@media (max-width: 425px){.footer-content,.contacts-content,.projects-content,.about-content,.intro-content{max-width:100%!important}main .about-container .about-content .about-photo{width:70%}main .experience-container .experience-content .experience-list .experience-item .experience-info h3{font-size:18px}}@media (max-width: 375px){main .projects-container .projects-content .projects-list .project-item{flex-direction:column}}.modal-helper{position:fixed;display:none;opacity:0;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;transition:.2s}.modal-helper .modal-heading{display:flex;align-items:center;justify-content:space-between;gap:1em}.modal-helper .modal-heading .modal-logo-title{display:flex;align-items:center;gap:1em}.modal-helper .modal-heading .modal-logo-title .modal-logo{width:50px;height:50px;object-fit:cover;border-radius:5px}.modal-helper .modal-heading .links{display:flex;gap:.5em;align-items:center}.modal-helper .modal-heading .links a{display:flex;gap:.7em;background-color:#0002;font-family:NunitoSans-Light;border:1px solid rgba(169,177,214,.3333333333);opacity:.7;font-size:18px;border-radius:5px;cursor:pointer;color:#a9b1d6;align-items:center;transition:.2s;justify-content:center;padding:.5em 1em}.modal-helper .modal-heading .links a:hover{opacity:1}.modal-helper .modal-heading .links a a{display:flex;gap:.7em;text-decoration:none;color:#a9b1d6}.modal-helper .modal-heading .links a svg{width:15px;height:15px}.modal-helper .button-close{position:absolute;top:10px;right:10px;width:20px;height:20px;cursor:pointer;transition:.1s}.modal-helper .button-close .line{width:20px;height:2px;background-color:#a9b1d6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-helper .button-close .line:nth-child(1){transform:translate(-50%,-50%) rotate(45deg)}.modal-helper .button-close .line:nth-child(2){transform:translate(-50%,-50%) rotate(-45deg)}.modal-helper .modal-helper-content-block{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;box-sizing:border-box;background-color:#25293c;color:#a9b1d6;border-radius:10px;padding:1em;overflow:auto;box-shadow:0 0 10px #00000080;max-height:80%;transition:.2s}.modal-helper .modal-helper-content-block::-webkit-scrollbar{width:5px}.modal-helper .modal-helper-content-block::-webkit-scrollbar-track{margin-top:5px;margin-bottom:5px}.modal-helper .modal-helper-content-block a{color:#a9b1d6}.modal-helper .modal-helper-content-block .demo svg{width:15px;height:15px}.modal-helper .modal-helper-content-block .embla{max-width:calc(100% + 30px);margin:auto -15px;--slide-spacing: 1rem}.modal-helper .modal-helper-content-block .embla__viewport{overflow:hidden;padding-right:var(--slide-spacing)}.modal-helper .modal-helper-content-block .embla__container{display:flex;touch-action:pan-y pinch-zoom}.modal-helper .modal-helper-content-block .embla__slide{padding-left:var(--slide-spacing)}.modal-helper .modal-helper-content-block .embla__slide img{height:350px;object-fit:cover;cursor:pointer}@media (max-width: 880px){.modal-helper .modal-helper-content-block{width:100%;height:100%;max-height:100%;border-radius:0}}@media (max-width: 550px){.modal-helper .modal-heading{display:grid;gap:0;margin-bottom:1em}}