.navbar{align-items:center;background:linear-gradient(to bottom,var(--primary-color)50%,var(--secondary-color)200%);display:flex;height:5rem;justify-content:space-between;left:50%;margin:0 auto;max-width:100vw;padding:1rem 2rem;position:fixed;top:0;transform:translateX(-50%);width:100vw;z-index:3}.logo{color:var(--secondary-color);height:4rem;width:4rem}.desktopMenuListItem{cursor:pointer;margin:1rem}.desktopMenuListItem:hover{border-bottom:3px solid var(--secondary-color);color:var(--secondary-color);padding-bottom:.5rem}.desktopMenuBtn,.desktopMenuLeft,.desktopMenuRight{align-items:center;display:flex;justify-content:center}.desktopMenuBtn{background:var(--text-color);border:none;border-radius:2rem;color:var(--menu-button-color);cursor:pointer;margin:0 .5rem;padding:0 1rem}.desktopMenuBtn:hover{background:var(--hover-text-color)}.desktopMenuImg{color:var(--menu-button-color);height:1.5rem;margin:1rem;width:1.5rem}.active{border-bottom:3px solid var(--secondary-color);padding-bottom:.5rem}.active,.mobMenu{color:var(--secondary-color)}.mobMenu{cursor:pointer;display:none;height:5rem;width:5rem}.navMenu{background:var(--light-primary-color);border-radius:1rem;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:15rem;padding:.5rem;position:absolute;right:2rem;top:4rem;z-index:2}.listItem{background:var(--primary-color);color:var(--text-color);margin:.25rem;padding:.5rem 3rem}.themeToggle{color:var(--secondary-color);cursor:pointer;height:2.5rem;margin:0 1rem;width:2.5rem}@media screen and (max-width:720px){.navbar{justify-content:space-between}.mobMenu{display:flex}.desktopMenu,.desktopMenuBtn,.themeToggle{display:none}.desktopMenuRight .themeToggle{display:block!important}}.dropbtn,.language-selector-container{align-items:center;display:flex;justify-content:center}.dropbtn{background-color:initial;border:2px solid var(--secondary-color);border-radius:2rem;color:var(--secondary-color);cursor:pointer;font-size:16px;padding:.5rem 1rem;transition:border-color .3s,box-shadow .3s}.dropbtn:focus,.dropbtn:hover{border-color:var(--lighter-primary-color);box-shadow:0 0 5px var(--lighter-primary-color)}.dropbtn img{height:1.25rem;object-fit:cover;width:1.25rem}.dropdown-content{background-color:var(--primary-color);border-radius:1.75rem;box-shadow:0 8px 16px 0 #0003;display:absolute;min-width:160px;overflow:hidden;position:absolute;right:2rem;top:3.25rem;z-index:1}.dropdown-content div{align-items:center;color:var(--text-color);cursor:pointer;display:flex;padding:12px 16px;text-decoration:none}.dropdown-content div:hover{background-color:var(--lighter-primary-color)}.dropdown-content img{height:20px;margin-right:10px;width:20px}@media screen and (max-width:720px){.dropdown-content{right:30vw;top:3.25rem}}#intro{height:calc(100vh - 5rem);margin:0 auto 50px;max-width:100%;overflow:hidden;position:relative;top:75px;width:100vw}#intro:before{background-image:url(/portfolio/static/media/donosti.3265d86e4b0cb62eedb9.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:-2}.bg{height:100vh;object-fit:cover;padding-top:11rem;position:absolute;right:0;top:-4rem;z-index:-1}.introContent{display:flex;flex-direction:column;font-size:3rem;font-weight:700;height:100wh;justify-content:center;padding:2rem;width:100vw}.hello{font-size:1.75rem;font-weight:100}.introName{color:var(--secondary-color)}.introPara{font-size:medium;font-weight:300;letter-spacing:1px}.colorPickerToggle{border:none;cursor:pointer;margin-left:10px;padding:5px}.colorPicker{left:0;margin-top:10px;position:absolute;transform:scale(2);transform-origin:top left;z-index:2}.editImg{color:var(--secondary-color);font-size:1.5rem;height:2rem;margin:0}.colorPicker>div{position:relative}@media screen and (max-width:840px){.bg{height:80vh;right:-10vw;top:12rem}.introContent{font-size:10vw}.hello{font-size:4.5vw}}@media screen and (max-width:480px){.bg{right:-20vw}}.btn{background:var(--text-color);border:none;border-radius:2rem;color:var(--menu-button-color);cursor:pointer;margin:1rem 0;padding:.75rem 1.5rem}.btn:hover{background:var(--hover-text-color)}.btnImg{color:var(--menu-button-color);font-size:1.5rem;height:1.25rem;margin:0 .5rem 0 0;width:1.25rem}#skills{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:65rem;overflow:hidden;text-align:center;width:100vw}.skillTitle{font-size:3rem;font-weight:600;margin-bottom:1.5rem;padding-top:3rem}.skillDesc{font-size:1rem;font-weight:400;max-width:50rem;padding:0 2rem}.skillBars{margin:1.5rem;max-width:80%;text-align:left;width:100vw}.skillBar{background:var(--lighter-primary-color);border-radius:.5rem;display:flex;margin:1rem;padding:1.5rem 2rem}.skillBarImg{cursor:pointer;height:3rem;margin-right:2rem;object-fit:cover;width:3rem}.skillBarText>p{font-size:.9rem;font-weight:200}@media screen and (max-width:720px){.skillBarText>p{font-size:2vw}}@media screen and (max-width:480px){.skillBarText>p{font-size:3vw}.skillBarImg{height:2.25rem;width:2.25rem}.skillBarText>h2{font-size:5vw}}#works{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:calc(100vh - 4rem);padding:0 1rem;text-align:center;width:100vw}.worksTitle{font-size:3rem;margin:1rem 0}.worksDesc{font-size:1rem;font-weight:300;max-width:45rem}.worksImgs{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:65rem;width:100vw}.worksImg{cursor:pointer;height:20rem;margin:.5rem;object-fit:cover}.worksBtn{background:var(--text-color);border:none;border-radius:2rem;color:var(--menu-button-color);cursor:pointer;font-size:1rem;margin:3rem 0;padding:.5rem 2.5rem}.worksBtn:hover{background:var(--hover-text-color)}@media screen and (max-width:585px){.worksImg{height:48vw}}#contactPage{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:calc(100vh - 4rem);text-align:center;width:100vw}.contactPageTitle{font-size:3rem;margin-bottom:1rem}.clientDesc{font-size:1rem;font-weight:300}#clients{padding:2rem}.contactDesc{font-size:medium;font-weight:300;padding:1rem}.contactForm{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem;max-width:60rem;width:90vw}.email,.msg,.name{background:var(--light-primary-color);color:var(--text-color);font-size:medium;margin:.5rem;max-height:12rem;max-width:40rem;overflow:hidden;padding:.5rem 1rem;width:100%}.email,.msg,.name,.submit{border:none;border-radius:.5rem}.submit{background:var(--text-color);color:var(--menu-button-color);cursor:pointer;margin:2rem;padding:.75rem 3.5rem}.submit:hover{background:var(--hover-text-color)}.links{display:flex;flex-wrap:wrap}.link{cursor:pointer;height:3rem;margin:0 .75rem;object-fit:cover;width:3rem}.stepper{justify-content:center;margin:2rem auto;position:relative}.step,.stepper{align-items:center;display:flex}.step{border:5px solid var(--secondary-color);border-radius:5rem;flex-direction:row;min-height:180px;min-width:365px;padding:1rem}.step:hover{background:var(--lighter-primary-color);cursor:pointer}.step .year{font-size:1.2em;margin-bottom:10px}.step .clientsImg{height:auto;margin:2rem;object-fit:cover;width:10rem}.line{align-items:center;display:flex;position:relative}.line hr{border:none;border-top:10px solid var(--secondary-color);margin:0;width:200px}.line .duration{background:var(--secondary-color);border-radius:.5rem;color:var(--primary-color);font-size:.9em;padding:0 5px;position:absolute;top:50px}.line .duration:first-child{left:-210px}.line .duration:last-child{right:-210px}.dialogTitle{color:var(--text-color);font-size:2rem;font-weight:700;margin:auto auto 2rem;text-align:center}.dialogText{color:var(--secondary-color);font-size:1.2rem;line-height:1.6;margin:auto 10rem 1.5rem;text-align:justify}.dialogImg{height:auto;margin:2rem;object-fit:cover;width:20rem}@media screen and (max-width:720px){.stepper{flex-direction:column}.line hr{border:none;border-right:10px solid var(--secondary-color);height:150px;margin:0;width:0}.line .duration:first-child{left:-30px;min-width:70px;top:-40px}.line .duration:last-child{min-width:70px;right:-30px;top:280px}.dialogTitle{color:var(--text-color);font-size:1.2rem;font-weight:700;margin:auto auto 2rem;text-align:center}.dialogText{color:var(--secondary-color);font-size:.8rem;line-height:1.5;margin:auto 1rem 1.5rem;text-align:justify}.dialogImg{height:auto;margin:2rem;object-fit:cover;width:9rem}}.dialog-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.dialog-content{background-color:var(--menu-button-color);border-radius:5rem;box-shadow:0 2px 10px #0000001a;cursor:default;height:80vh;padding:20px;position:relative;width:80vw}#footer{align-items:center;background-color:var(--light-primary-color);display:flex;font-size:small;font-weight:300;height:4rem;justify-content:center;width:100vw}*{background:#0000;box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0;text-decoration:none}body{background:var(--body-background);color:var(--text-color);overflow:hidden;overflow-y:scroll}:root{--primary-color:#f0f0f0;--light-primary-color:#fafafa;--lighter-primary-color:#fff;--text-color:#000;--hover-text-color:#323232;--secondary-color:#006b76;--menu-button-color:#fff;--filter:invert(1);--body-background:linear-gradient(to right,var(--secondary-color) -150%,var(--primary-color) 25%,var(--primary-color) 75%,var(--secondary-color) 250%)}
/*# sourceMappingURL=main.5b14a947.css.map*/