body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes changeColor{0%{border-color:#3282b8}50%{border-color:#006086}to{border-color:#3282b8}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotation_481{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-screen{align-items:center;background-color:#000;color:#d3d3d3;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-screen img{align-self:center;animation:fadein 1s ease-in-out;width:20vw}.loading-screen h2{word-wrap:break-word;animation:fadein 1s ease-in-out;font-size:3vw;line-height:1.2;text-align:center;white-space:normal}@media (max-width:1024px){.loading-screen img{animation:fadein 1s ease-in-out;width:13em}.loading-screen h2{word-wrap:break-word;animation:fadein 1s ease-in-out;font-size:1.8em;line-height:1.2;text-align:center;white-space:normal}}.navbar{align-items:center;background-color:#05273e;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;max-height:15vh;min-height:15vh;padding:0}.sidebar-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:2vw;padding:1vw}.route-name{font-size:1.5vw;margin-left:2vw}.navbar-controls{align-items:center;display:flex;gap:1vw;margin-right:2vw}.switch{display:inline-block;font-size:2rem;height:8vh;position:relative;width:10vw}.slider{align-items:center;background-color:#0d3c62;border-radius:34rem;bottom:0;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;right:0}.slider,.slider:before{left:0;position:absolute;top:0;transition:.4s}.slider:before{background-color:#ecf0f1;border-radius:20px 0 0 20px;content:"";height:100%;width:50%;z-index:1}.flag{height:20vh;position:absolute;top:50%;transform:translateY(-50%);width:3vw;z-index:2}.spain{left:1vw}.uk{right:1vw}.switch input:checked+.slider:before{border-radius:0 20px 20px 0;transform:translateX(100%)}.switch input{display:none}.flag svg{height:100%;width:100%}@media screen and (max-width:768px){.route-name{align-self:center;font-size:5.5vw}.sidebar-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:8vw;padding-left:5vw}.switch{display:inline-block;font-size:2vw;height:9vh;position:relative;width:20vw}.flag{height:20vh;position:absolute;top:50%;transform:translateY(-50%);width:5vw;z-index:2}.spain{left:2.5vw}.uk{right:2.5vw}}.sidebar{-ms-overflow-style:none;align-items:center;background-color:#05273e;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;overflow-y:auto;padding:2%;scrollbar-width:none;width:25vw;z-index:2}.sidebar::-webkit-scrollbar{display:none}.sidebar.hidden{transform:translateX(-100%)}.sidebar.show{transform:translateX(0)}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:7vw;left:3vw;position:absolute;top:5vw}.logo{cursor:pointer;margin-top:3%;width:12.5vw}.sidebar-name{cursor:pointer;font-size:2vw;font-style:italic;font-weight:700;margin-bottom:.5em;margin-top:1em;width:80%}.sidebar-description,.sidebar-name{word-wrap:break-word;color:#fff;line-height:1.2;text-align:center;white-space:normal}.sidebar-description{font-size:1.2vw;font-style:oblique;margin-bottom:3em;width:70%}.button{align-items:center;background-color:initial;border:.3em ridge #3282b8;border-radius:.3em;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:1.2vw;font-weight:700;font-weight:600;height:100%;height:3.5em;justify-content:center;margin-bottom:1.5em;min-height:3em;outline:none;position:relative;transition:1s;width:80%;z-index:1}.button:after{top:-20%}.button:after,.button:before{background-color:#05273e;content:"";height:40%;left:3%;position:absolute;transform-origin:center;transition:.5s;width:94%}.button:before{top:90%}@media (min-width:3840px){.button:after{top:-20%}}.button:hover:after,.button:hover:before{transform:scale(0)}.button:hover{box-shadow:inset 0 0 25px #3282b8;color:#fff}.button .icon{font-size:1.2em;margin-right:3%}@media (max-width:1024px){.sidebar{max-width:100vw;min-width:100vw;width:100vw}.logo{margin-top:20%;width:40vw}.sidebar-name{font-size:5vw}.button,.sidebar-description{font-size:4vw}.button{height:3em}.button:after{height:30%}}.home-content{align-items:center;background-color:#041f32;box-sizing:border-box;color:#fff;display:flex;flex:1 1;flex-direction:column;height:100vh;justify-content:center;overflow-y:auto;padding:2%;transition:transform .3s ease-in-out;width:100%}.large-logo{animation:fadeInDown 1s ease-in-out;margin-bottom:2em;margin-top:2em;width:30%}.divider{margin:1em 0;width:80%}.motto{word-wrap:break-word;animation:fadeInUp 1s ease-in-out;font-size:1.2vw;font-style:oblique;line-height:1.2;margin-bottom:5em;text-align:center;white-space:normal;width:70%}@media (max-width:1024px){.home-content{justify-content:flex-start}.large-logo{margin-top:5em;width:60%}.divider{margin:1em 0;width:80%}.motto{font-size:4vw;text-align:center;width:70%}}.card-container{align-items:center;display:flex;flex-direction:column;margin-bottom:1%;position:relative;width:100%}.card{height:40vh;max-height:40vh;min-height:40vh;overflow:visible;position:relative;transition:all .8s ease;width:35%}.content{position:relative;transform-style:preserve-3d;transition:transform .8s ease}.back,.content,.front{height:100%;width:100%}.back,.front{backface-visibility:hidden;background-color:#05273e;border-radius:3%;overflow:hidden;position:absolute}.front{align-items:center;display:flex;justify-content:center}.front:before{animation:rotation_481 5s linear infinite;background:linear-gradient(90deg,#0000,#3282b8,#3282b8,#3282b8,#3282b8,#0000);content:" ";display:block;height:160%;position:absolute;width:10vw}.front-content{align-items:center;background-color:#041f32;border-radius:3%;color:#fff;display:flex;flex-direction:column;height:99%;justify-content:flex-start;position:absolute;width:99%}.card-image{border-radius:3% 3% 0 0;height:70%;object-fit:cover;object-position:center;width:100%}.card-title{font-size:1.5vw;margin-bottom:3%;margin-top:2%;text-align:center}.back{align-items:center;color:#fff;justify-content:center;left:50%;margin:auto;position:absolute;top:50%;transform:rotateY(180deg);transform:translate(-50%,-50%) rotateY(180deg);width:60vw}.back,.back-content{display:flex;flex-direction:column}.back-content{height:100%;width:100%}.card-description{font-size:1.1vw;left:0;margin:auto;padding-bottom:2%;padding-top:4%;position:absolute;right:0;text-align:center;top:50%;transform:translateY(-50%);width:80%}.card:hover .content{transform:rotateY(180deg)}.card-technologies{background-color:initial;bottom:0;display:flex;flex-wrap:wrap;justify-content:center;left:0;padding:.2vw;position:absolute;right:0}.tech-badge{background-color:#3282b8;border-radius:20em;color:#fff;font-size:.9vw;margin:.2em;padding:.2vw .6vw;white-space:nowrap}.card-buttons{display:flex;gap:1vw;justify-content:center;margin-top:42vh;position:absolute;transition:all .8s ease;width:100%}.card:hover .card-buttons{left:20%;width:60%}.link-button,.photos-button{align-items:center;background-color:#3282b8;border:none;border-radius:20%;color:#fff;cursor:pointer;display:flex;font-size:1.5vw;height:3vw;justify-content:center;transition:background-color .3s ease;width:3vw}.link-button:hover,.photos-button:hover{background-color:#2c6f9e}.image-modal{align-items:center;background-color:#000;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.image-modal-content{align-items:center;cursor:grab;display:flex;height:80%;overflow-x:auto;padding:2vw 0;-webkit-user-select:none;user-select:none;width:90%}.image-modal-content:active{cursor:grabbing}.image-modal-content::-webkit-scrollbar{display:none}.image-modal img{border-radius:3%;height:20vw;margin:0 2vw;max-height:90%;pointer-events:none}.image-modal-close{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:2.5vw;position:absolute;right:1vw;top:1vw}.image-modal-close:hover{color:#ddd}@media (max-width:1024px){.card-container{margin:2rem 4rem 1rem;width:60rem}.card{height:20rem;max-height:300rem;min-height:0}.card,.card:hover{width:100%}.card:hover .content{transform:none}.card.flipped .content{transform:rotateY(180deg)}.front:before{height:300%;width:40vw}.back{width:150%}.content{transition:transform 0s ease}.card-title{font-size:1.5rem;margin:0}.card-description,.tech-badge{font-size:.8rem}.card-buttons{margin-top:21rem}.link-button,.photos-button{align-items:center;border-radius:10%;display:flex;height:3rem;justify-content:center;transition:background-color 0s ease;width:3rem}.link-button svg,.photos-button svg{height:50%;width:100%}.image-modal-content{height:100%;padding:0;width:90%}.image-modal img{height:60%;margin:0 2%;max-height:100%}.image-modal-close{font-size:10vw;right:0;top:1rem}}.projects-container{background-color:#041f32;box-sizing:border-box;height:100%;overflow-x:hidden;padding:4vh 2vw;width:100%}.projects-grid{flex-direction:column}.project-section,.projects-grid{align-items:center;display:flex;width:100%}.project-section{justify-content:flex-start;margin-bottom:10vh;opacity:0;transform:translateX(-20%);transition:opacity .5s ease,transform .5s ease}.project-section.visible{opacity:1;transform:translateX(0)}:root{--gap:1em;--pad:2em;--bg:#0f1724;--accent:linear-gradient(135deg,#4cafef,#2563eb)}.memory-game-container{-ms-overflow-style:none;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;overflow-y:hidden;padding:2%;scrollbar-width:none;z-index:2}.top-row{gap:.8rem;justify-content:space-between;max-width:100%;width:100%}.left-controls,.top-row{align-items:center;display:flex}.left-controls{gap:.6rem}.back-btn,.back-projects,.diff-btn,.restart-btn{background:#4cafef;border:none;border-radius:.6vw;box-shadow:0 .35rem .9rem #0000001f;color:#fff;cursor:pointer;font-size:1.2vw;font-weight:600;padding:.5em .8em}.back-btn{background:#6b7280}.back-projects{margin-top:1em;width:100%}.moves-text{color:#fff;font-size:1.2vw;font-weight:700}.moves-number{color:#fff;margin-left:.4em}.hint,.title{display:flex;font-size:1.5vw;justify-content:center;margin-bottom:1em;text-align:center;width:100%}.hint,.mgame-button-diff,.title{color:#fff;font-weight:700;height:100%}.mgame-button-diff{background:#4cafef;border:none;border-radius:.6vw;cursor:pointer;font-size:1.2vw;height:3.5em;margin-bottom:1.5em;min-height:3em;padding:.5em .8em;position:relative;width:80%}.memory-grid{grid-gap:1em;grid-gap:var(--gap);align-items:center;display:grid;gap:1em;gap:var(--gap);grid-auto-rows:1fr;justify-items:center}.memory-card{cursor:pointer;height:100%;perspective:1000px;width:100%}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .45s ease;width:100%}.card-back,.card-front{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:initial;border-radius:.8em;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:1.5vw;font-weight:700;height:100%;inset:0;justify-content:center;margin-bottom:1.5em;max-height:13em;outline:none;position:absolute;width:100%;z-index:1}.card-front{background:#fff;border:.12rem solid #e5e7eb;color:#111;transform:rotateY(180deg)}.card-back{background:linear-gradient(135deg,#4cafef,#2563eb);background:var(--accent);color:#fff;transform:none}.memory-card.flipped .card-inner{transform:rotateY(180deg)}.victory-modal{align-items:center;background:#02061799;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.victory-box{background:#fff;border-radius:.8rem;box-shadow:0 1rem 2rem #0003;min-width:16rem;padding:1rem}.victory-actions{display:flex;gap:.6rem;justify-content:center;margin-top:.6rem}.victory-actions button{background:#4cafef;border:none;border-radius:.5rem;color:#fff;cursor:pointer;padding:.45rem .7rem}.about-container{background-color:#041f32;box-sizing:border-box;overflow-x:hidden;padding:4vh 2vw;width:100%}.about-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:10vh;opacity:0;transform:translateX(-20%);transition:opacity .5s ease,transform .5s ease;width:90%}.about-section.right{flex-direction:row-reverse;transform:translateX(20%)}.about-section.visible{opacity:1;transform:translateX(0)}.content-card{align-items:center;background-color:#041f32;border:.5vw solid #14415f;border-radius:2vw;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:2vw;text-align:center;transition:all .5s;transition:all .5s,border-color 0s;-webkit-user-select:none;user-select:none;width:80%}.content-card:hover{border:.7vw solid #3282b8;transform:scale(1.05)}.content-card:active{animation:changeColor 1.5s infinite;transform:scale(1.08)}.icon-container{align-items:center;color:#3282b8;display:flex;font-size:5vw;justify-content:center;transition:all .3s ease;width:30%}.content-card:hover+.icon-container{transform:scale(1.1)}.content-card:active+.icon-container{animation:spin 4s linear infinite}.about-title{color:#3282b8;font-size:3vw;font-style:italic;font-weight:bolder;margin-bottom:2vh;margin-top:0}.about-description{color:#fff;font-size:1.2vw;font-style:oblique;line-height:1.6}.cv-button-fixed{align-items:center;animation:bounce 1s ease-in-out;animation-fill-mode:forwards;background-color:#3282b8;border:none;border-radius:4vw;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-weight:500;height:4vw;overflow:hidden;padding:0 1.5vw;position:fixed;right:2vw;text-decoration:none;text-transform:uppercase;top:16vh;z-index:1}.cv-button-fixed:hover:before{transform:scaleX(1)}.cv-button-content{font-size:1.1vw;position:relative;text-align:center;z-index:1}.cv-button-fixed:before{background:linear-gradient(82.3deg,#3282b8 10.8%,#14415f 94.3%);border-radius:inherit;content:"";height:inherit;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:0 50%;transition:all .475s;width:100%}@media (max-width:1024px){.about-section{margin-bottom:3vh;min-width:300px;width:100%}.content-card{margin-bottom:0;min-height:200px}.icon-container{font-size:10vw;margin-bottom:0}.about-title{font-size:6vw}.about-description{font-size:4vw}.cv-button-fixed{border-radius:2vw;box-sizing:border-box;height:3.5vw;padding:1.5em 5vw;text-align:center}.cv-button-content{font-size:2.6vw}.cv-button-fixed:before{height:100%}}.contact-container{align-items:center;background-color:#041f32;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;overflow-x:hidden;padding:4vh 2vw;text-align:center;width:100%}.contact-description{font-size:1.2vw;margin-bottom:3%;max-width:60%}.contact-form{display:flex;flex-direction:column;width:70%}.form-input,.form-textarea{background-color:#05273e;border:.1vw solid #3282b8;border-radius:5px;color:#fff;font-size:1vw;margin-bottom:2%;padding:1vw}.form-textarea{height:15vh;resize:none}.form-button{background-color:#3282b8;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1vw;padding:.8vw;transition:background-color .3s}.form-button:hover{background-color:#2c6f9e}.contact-info{flex-direction:column;margin-top:2%}.contact-info,.info-item{align-items:center;display:flex}.info-item{font-size:1vw;margin-bottom:2%}.contact-icon{margin-right:.5vw}.contact-socials{display:flex;gap:20%;margin-top:2%}.contact-socials a{color:#fff;font-size:2vw;transition:color .3s}.contact-socials a:hover{color:#3282b8}.error-message,.success-message{font-size:1vw}.form-input.error,.form-textarea.error{border:.1vw solid red}@media (max-width:1024px){.contact-title{font-size:2rem}.contact-description{font-size:1rem}.error-message{font-size:1vw}.form-button,.form-input,.form-textarea{font-size:.9rem}.info-item{align-items:center;display:flex;font-size:.8rem;margin-bottom:.1rem}.contact-socials a{font-size:1.5rem}.error-message,.success-message{font-size:.7rem}}.mainContent-container{display:flex;height:100vh;overflow:hidden;transition:margin-left .3s ease;width:100%}.main-section{background-color:#1b262c;display:flex;flex:1 1;flex-direction:column;flex-grow:1;min-height:100vh;overflow-y:auto}.mainContent-container.sidebar-visible .main-section{margin-left:auto}.mainContent-container.sidebar-hidden .main-section{margin-left:-100vw}#root,body,html{background-color:#041f32;height:100%;margin:0;padding:0}.mainContent-container{background-color:#041f32;color:#fff;min-height:100vh}
/*# sourceMappingURL=main.994239a3.css.map*/