@charset "UTF-8";@font-face{font-display:swap;font-family:hero-bold;src:url(./Hero-Bold.0124ce16.ttf)}@font-face{font-display:swap;font-family:hero-regular;src:url(./Hero-Regular.e4c421e0.ttf)}@font-face{font-display:swap;font-family:hero-light;src:url(./Hero-Light.36be16a7.ttf)}@font-face{font-display:swap;font-family:comfortaa-bold;src:url(./Comfortaa-Bold.0b82ab5f.ttf)}@font-face{font-display:swap;font-family:comfortaa-regular;src:url(./Comfortaa-Regular.7aeecaf4.ttf)}@font-face{font-display:swap;font-family:comfortaa-light;src:url(./Comfortaa-Light.6c7392e5.ttf)}@font-face{font-display:swap;font-family:como-bold-extra;src:url(./Como-ExtraBold.39da8bd3.ttf)}:root{--radius:15px}.dark-mode{--blue:#9dbaef;--purple:#b4a9f6;--pastelPurple:#d8aeeb;--pink:#ecb2d1;--green:#b4e6bf;--gradient:linear-gradient(45deg,#9dbaef,#b4a9f6 25%,#d8aeeb 50%,#ecb2d1 75%,#b4e6bf);--bg-color:#13161b;--line:#eee;--transparent:#3d445360;--bgNeumo:#1b212b;--btn:linear-gradient(145deg,#1d232e,#181e27);--hoverBtn:linear-gradient(145deg,#181e27,#1d232e);--color:#eee}.light-mode{--blue:#9dbaef;--purple:#b4a9f6;--pastelPurple:#d8aeeb;--pink:#ecb2d1;--green:#b4e6bf;--gradient:linear-gradient(45deg,#9dbaef,#b4a9f6 25%,#d8aeeb 50%,#ecb2d1 75%,#b4e6bf);--line:#1b212b;--bg-color:#eee;--transparent:#fffdfda2;--bgNeumo:#d6d6d6;--btn:linear-gradient(145deg,#fff,#d6d6d6);--hoverBtn:linear-gradient(145deg,#d6d6d6,#fff);--sm-bxShadow:2px 2px 10px #b5b5b5,-2px -2px 10px #fff;--color:#1b212b}*{box-sizing:border-box;margin:0;padding:0}html{font-size:50%}html:focus-within{scroll-behavior:smooth}body{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-color);box-shadow:none;color:var(--color);height:100vh;overflow-x:hidden;width:100vw}section{align-items:center;display:flex;flex-direction:column;min-height:667px;width:100vw}::-webkit-scrollbar,::-webkit-scrollbar-track{display:none}::-webkit-scrollbar-thumb{display:none}#container{padding-top:50px}button,h1,h2,h3,li,p{transition:all .5s ease-in-out}h1{color:var(--color);font-family:hero-bold;font-size:3rem;padding:20px 0;text-transform:uppercase}h2{font-size:2rem;padding:15px 0}h2,h3{color:var(--color);font-family:hero-regular}h3{padding:10px 0}h3,p,span{font-size:1.8rem}p,span{color:var(--color);font-family:comfortaa-light;padding:5px 0}a,div{font-size:1.8rem}a{color:var(--color);text-decoration:none}ul{list-style:none}li{font-family:comfortaa-light}button,li{color:var(--color);font-size:1.8rem}button{background-color:transparent;border:2px solid var(--color);border-radius:10px;cursor:pointer;font-family:comfortaa-bold;outline:none;padding:15px 20px;transition:all .3s ease}button:active{animation:gradient 5s linear infinite alternate;background:var(--gradient);background-size:300%;box-shadow:inset 6px 6px 10px #0003,inset -6px -6px 10px #ffffff80}@media (min-width:720px){html{font-size:70%}button,h1,h2,h3,li,p{transition:all .5s ease-in-out}h1{font-size:3rem}h2{font-size:2rem;padding:15px 0}h3{padding:10px 0}h3,p{font-size:1.8rem}p{padding:5px 0}button,li{font-size:1.8rem}button{padding:30px}}@media (orientation:landscape){section{min-height:800px}}@media (min-width:1020px){html{font-size:60%}}#portfolio--page{height:100vh;overflow-y:scroll}#portfolio--page .portfolio--page-container{align-items:center;backdrop-filter:blur(9.5px);-webkit-backdrop-filter:blur(10.5px);display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow-x:hidden;overflow-y:scroll;width:100%}#portfolio--page .portfolio--page-container .portfolio--content{margin-top:50px;max-width:290px;width:70%}#portfolio--page .portfolio--page-container h1,#portfolio--page .portfolio--page-container h2,#portfolio--page .portfolio--page-container h3,#portfolio--page .portfolio--page-container p{color:#eee}#portfolio--page .portfolio--page-container h1{font-size:3.5rem;margin-bottom:70px;margin-top:70px;text-align:center;width:100%}#portfolio--page .portfolio--page-container button{background:var(--gradient);border:none;border-radius:50px;color:#1b212b;font-size:1em;margin-bottom:10px;padding:5px 10px}#portfolio--page .portfolio--page-container h2:before{content:"• "}#portfolio--page .portfolio--page-container h2{margin-top:5px}#portfolio--page .portfolio--page-container .contact{margin-top:15px;padding:10px 15px}#portfolio--page .portfolio--page-container .contact a{color:#1b212b;font-size:1.2em}@media (min-width:720px){#portfolio--page .portfolio--page-container .portfolio--content{margin-top:50px;max-width:720px;width:70%}#portfolio--page .portfolio--page-container h1{align-items:center;display:flex;height:250px;justify-content:center}#portfolio--page .portfolio--page-container button{font-size:1.8rem;margin-bottom:30px}#portfolio--page .portfolio--page-container .contact{margin-top:50px}}@media (min-width:1020px){#portfolio--page .portfolio--page-container .portfolio--content{margin-top:50px;max-width:1020px;width:70%}#portfolio--page .portfolio--page-container h1{align-items:center;display:flex;height:150px;justify-content:center}#portfolio--page .portfolio--page-container button{font-size:1.8rem;margin-bottom:30px}#portfolio--page .portfolio--page-container .contact{margin-top:50px}}.dark-light{margin-bottom:30px}.dark-light .btn{background:var(--transparent);border:none;border-radius:100px;cursor:pointer;font-size:2rem;padding:10px 14px}.dark-light .btn,.dark-light .btn:hover{transition:all .3s ease-in-out}@media (min-width:720px){.dark-light{margin-bottom:50px}.dark-light .btn{font-size:3rem;padding:10px 17px}}@media (min-width:1020px){.dark-light{margin-bottom:20px;margin-top:50px}.dark-light .btn{padding:10px 15px}.dark-light .btn div{font-size:3rem}}.header{position:fixed}.header .links-dt{display:none}.header .menu-toggle{display:flex;justify-content:flex-end;padding-right:10%;width:100vw;z-index:10}.header .menu-toggle .false{height:40px;margin-top:40px;position:absolute;right:10%;top:0;transition:all .2s linear;width:35px}.header .menu-toggle .false .line-first{width:15px}.header .menu-toggle .false .line-first,.header .menu-toggle .false .line-second{background-color:var(--line);border-radius:100px;height:3px;position:absolute;transition:all .2s linear}.header .menu-toggle .false .line-second{margin-top:10px;right:0;width:100%}.header .menu-toggle .false .line-third{background-color:var(--line);border-radius:100px;height:3px;margin-top:20px;position:absolute;right:0;transition:all .2s linear;width:15px}.header .menu-toggle .false:hover .line-first,.header .menu-toggle .false:hover .line-second,.header .menu-toggle .false:hover .line-third{width:100%}.header .menu-toggle .true{height:40px;margin-top:40px;position:absolute;right:10%;top:0;transition:all .2s linear;width:40px}.header .menu-toggle .true .line-first{background-color:var(--line);border-radius:100px;height:3px;position:absolute;transform:rotate(45deg) translateY(0) translate(15px);transition:all .2s linear;width:80%}.header .menu-toggle .true .line-second{display:hidden;position:absolute;transition:all .2s linear}.header .menu-toggle .true .line-third{background-color:var(--line);border-radius:100px;height:3px;margin-top:20px;position:absolute;right:0;transform:translateY(-10px) translate(3px) rotate(-45deg);transition:all .2s linear;width:80%}@media (min-width:1020px){.header .menu-toggle .false,.header .menu-toggle .true{right:2%}}.lang-switcher{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-top:40px;width:100%}.lang-switcher .lang-container{display:flex;justify-content:space-between;width:180px}.lang-switcher .lang-container button{align-items:center;background:var(--bgNeumo);border:none;border-radius:100px;color:var(--color);display:flex;font-family:hero-bold;font-size:1.8rem;height:41px;justify-content:center;text-align:center;transition:all .3s ease-in-out;width:40px}.lang-switcher .lang-container button:active,.lang-switcher .lang-container button:hover{background-color:var(--hoverBtn);box-shadow:var(--hoverBxSBtn);transition:all .3s ease-in-out}@media (min-width:720px){.lang-switcher .lang-container{justify-content:space-around;width:70%}.lang-switcher .lang-container button{font-family:hero-bold;font-size:1.8rem;height:91px;text-align:center;width:90px}}@media (min-width:1020px){.lang-switcher{align-items:center}.lang-switcher .lang-container{display:flex;flex-direction:row;width:100%}.lang-switcher .lang-container a{height:50px;width:50px}.lang-switcher .lang-container a button{align-items:center;background:var(--bgNeumo);border-radius:50px;box-shadow:none;color:var(--color);display:flex;font-family:hero-bold;font-size:1.8rem;height:100%;justify-content:center;overflow:hidden;padding:5px 10px;text-align:center;transition:all .5s ease-in-out;width:100px;width:100%}.lang-switcher .lang-container a button:active,.lang-switcher .lang-container a button:hover{background:var(--transparent);box-shadow:none;transition:all .5s ease-in-out}}.links{width:100%}.links .links-container{align-items:center;display:flex;justify-content:space-around;margin-top:40px;width:180px}.links .links-container .linkedin{padding:13px 4px}.links .links-container .github,.links .links-container .linkedin{align-items:center;background:var(--transparent);border-radius:100%;display:flex;height:60px;justify-content:space-around;padding:15px 10px;width:60px}.links .links-container .github img,.links .links-container .linkedin img{width:30px}.links .links-container .github:active,.links .links-container .github:hover,.links .links-container .linkedin:active,.links .links-container .linkedin:hover{box-shadow:var(--hoverBxSBtn);transition:all .3s ease-in-out}.links .links-container .link-line{display:none}@media (min-width:720px){.links .links-container{margin-top:40px;width:70%}.links .links-container .github,.links .links-container .linkedin{align-items:center;border-radius:100%;display:flex;height:100px;justify-content:space-around;padding:10px 5px;width:100px}.links .links-container .github .nuxt-icon,.links .links-container .linkedin .nuxt-icon{height:5rem!important;width:3rem!important}}.logo{display:flex;position:relative}.logo .top{height:20px;left:0;padding-left:20px;padding-top:40px;position:absolute;top:0;width:100%;z-index:-10}.logo .top .top-background{animation:gradient 5s linear infinite alternate;background:var(--gradient);background-size:300%;border-radius:50%;box-shadow:inset 6px 6px 10px #0003,inset -6px -6px 10px #ffffff80;filter:blur(5px);height:40px;margin-left:-7px;margin-top:-4px;position:fixed;width:35px;z-index:-10}.logo .top .n-logo{height:15%;width:25%}.logo .top .n-logo .n{color:#1b212b;display:flex;padding:0}.logo .top .n-logo .n .top-rightLine{background-color:var(--line);border-radius:50px;height:2px;margin-left:5px;margin-top:15px;width:300px}.logo .top .n-logo .top-bottomLine{background-color:var(--line);border-radius:50px;height:50px;margin-left:10px;margin-top:5px;transform:rotate(0);width:2px}.logo .bottom{bottom:0;padding:40px 20px;position:fixed;right:0;z-index:-10}.logo .bottom .bottom-background{align-items:flex-end;animation:gradient 5s linear infinite alternate;background:var(--gradient);background-size:300%;border-radius:50%;bottom:33px;box-shadow:inset 6px 6px 10px #0003,inset -6px -6px 10px #ffffff80;display:flex;filter:blur(5px);flex-direction:column;height:40px;justify-content:flex-end;position:fixed;right:12px;width:35px;z-index:-10}.logo .bottom .m-logo{height:15%;width:25%}.logo .bottom .m-logo .bottom-toptLine{background-color:var(--line);border-radius:50px;height:55px;margin-bottom:5px;margin-left:10px;transform:rotate(0);width:2px}.logo .bottom .m-logo .m{color:#1b212b;display:flex;padding:0}.logo .bottom .m-logo .m .bottom-leftLine{background-color:var(--line);border-radius:50px;height:2px;margin-left:-55px;margin-top:15px;position:absolute;width:50px}@media (min-width:720px){.logo{position:relative}.logo .top .top-background{height:55px;margin-left:-13px;margin-top:10px;width:50px}.logo .top .n-logo{margin-top:15px}.logo .top .n-logo .n .top-rightLine{height:4px;margin-left:10px;margin-top:20px;width:70px}.logo .top .n-logo .top-bottomLine{height:60px;margin-left:15px;margin-top:5px;width:4px}.logo .bottom .bottom-background{bottom:46px;height:55px;right:8px;width:50px}.logo .bottom .m-logo{height:15%;margin-bottom:15px;width:25%}.logo .bottom .m-logo .bottom-toptLine{background-color:var(--line);height:70px;margin-left:12px;width:4px}.logo .bottom .m-logo .m .bottom-leftLine{height:4px;margin-left:-80px;margin-top:20px;width:70px}}@media (min-width:1020px){.logo .top{padding-top:20px}.logo .top .top-background{margin-left:-15px;margin-top:5px}.logo .bottom{padding:20px}.logo .bottom .bottom-background{bottom:25px;right:7px}.logo .bottom .m-logo .bottom-toptLine{margin-left:9px}}.navbar{height:100vh;margin-right:0;position:relative;width:100vw}.navbar,.navbar .nav-container{align-items:center;display:flex;flex-direction:column;justify-content:center;right:0;top:0;transition:all .3s ease-in-out}.navbar .nav-container{-webkit-backdrop-filter:blur(10.5px);backdrop-filter:blur(9.5px);background:var(--transparent);border:1px solid rgba(6,3,3,.32);border-bottom-left-radius:20px;border-top-left-radius:20px;box-shadow:0 4px 30px #0000001a;height:100%;padding-left:30px;position:absolute;width:240px}.navbar .nav-container .menu-container{width:100%}.navbar .nav-container .menu-container .menu-item li{border-bottom:2px solid transparent;font-family:comfortaa-bold;font-size:2rem;padding:10px 0}.navbar .nav-container .menu-container .menu-item li:active,.navbar .nav-container .menu-container .menu-item li:hover{border-bottom:2px solid var(--line);transition:all .3s ease-in-out}@media (min-width:720px){.navbar .nav-container{margin-left:100px;width:450px}.navbar .nav-container .menu-container{width:100%}.navbar .nav-container .menu-container .menu-item li{font-family:comfortaa-bold;font-size:3rem;margin-bottom:40px}.hidden-menu{margin-right:-700px;transition:all .4s linear}}@media (min-width:1020px){.navbar .backdrop{display:none}.navbar .nav-container{align-items:flex-start;backdrop-filter:blur(9.5px);-webkit-backdrop-filter:blur(10.5px);border:none;border-bottom-left-radius:0;border-top-left-radius:0;box-shadow:0 4px 30px #0000001a;display:flex;flex-direction:column;justify-content:center;padding-left:50px;width:100vw}.navbar .nav-container .menu-container{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:20px;width:100%}.navbar .nav-container .menu-container .menu-item li{font-size:4rem;margin-bottom:15px}.navbar .nav-container .lang-switcher{margin-top:0;width:50%}.navbar .nav-container .lang-switcher .lang-container,.navbar .nav-container .links .links-container{-moz-column-gap:30px;column-gap:30px;justify-content:flex-start}.navbar .nav-container .links .links-container{margin-top:20px}.navbar .nav-container .links .links-container .github,.navbar .nav-container .links .links-container .linkedin{height:50px;width:50px}}.modal{align-items:center;display:flex;flex-direction:column;justify-content:center;left:0;margin-right:0;position:fixed;top:0}.modal,.modal .backdrop{height:100%;width:100%}.modal .modal--content,.modal .modal--content-contribution{backdrop-filter:blur(9.5px);-webkit-backdrop-filter:blur(10.5px);background-position:50%;background-repeat:no-repeat;background-size:cover;background:var(--transparent);border:1px solid rgba(6,3,3,.32);border-radius:20px;box-shadow:0 4px 30px #0000001a;height:90%;min-height:400px;min-width:270px;overflow-x:hidden;overflow-y:scroll;padding:10px;position:relative;width:90%}.modal .modal--content .close-btn,.modal .modal--content-contribution .close-btn{background:var(--gradient);border:none;border-radius:50px;color:#1b212b;cursor:pointer;margin:10px;padding:5px 10px;position:absolute;right:0;top:0;z-index:2}.modal .modal--content .contribution-name,.modal .modal--content-contribution .contribution-name{align-items:center;border-radius:var(--radius);display:flex;flex-direction:column;height:200px;justify-content:center;margin-bottom:30px}.modal .modal--content .contribution-name h1,.modal .modal--content-contribution .contribution-name h1{text-align:center}.modal .modal--content .contribution-name h2,.modal .modal--content-contribution .contribution-name h2{padding:0;text-align:center}.modal .modal--content .modal--text p,.modal .modal--content-contribution .modal--text p{margin-bottom:20px}.modal .modal--content .modal--text h3,.modal .modal--content-contribution .modal--text h3{text-decoration:underline}.modal .modal--content .modal--text .tools,.modal .modal--content-contribution .modal--text .tools{-moz-column-gap:10px;column-gap:10px;display:flex;flex-wrap:wrap;margin-bottom:20px}.modal .modal--content .modal--text .tools ul,.modal .modal--content-contribution .modal--text .tools ul{display:flex;flex-direction:column;flex-wrap:wrap;max-height:170px;padding-left:15px;width:100%}.modal .modal--content .modal--text .tools ul li,.modal .modal--content-contribution .modal--text .tools ul li{list-style:disc}.modal .modal--content .modal--text .project-link,.modal .modal--content-contribution .modal--text .project-link{background:var(--gradient);border:none;border-radius:50px;font-size:1.8rem;margin:20px 0;padding:10px 15px;width:100%}.modal .modal--content .modal--text .project-link a,.modal .modal--content-contribution .modal--text .project-link a{color:#1b212b}@media (min-width:720px){.modal .modal--content-contribution{display:flex;flex-direction:column;justify-content:space-around}.modal .modal--content-contribution .close-btn{font-size:2rem;padding:10px 18px}.modal .modal--content-contribution .contribution-name{height:300px}.modal .modal--content-contribution .contribution-name h1{text-align:center!important;width:100%}.modal .modal--content-contribution .project-link,.modal .modal--content-contribution .tools ul li{font-size:1.8rem}}@media (min-width:1020px){.modal .modal--content-contribution{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.modal .modal--content-contribution .close-btn{font-size:2rem;padding:10px 15px}.modal .modal--content-contribution .contribution-name{height:70%;width:40%}.modal .modal--content-contribution .contribution-name h1{text-align:center!important;width:100%}.modal .modal--content-contribution .modal--text{width:50%}.modal .modal--content-contribution .modal--text .project-link,.modal .modal--content-contribution .modal--text .tools ul li{font-size:1.8rem}}footer{align-items:center;display:flex;height:150px;justify-content:center;text-align:center;width:100%}footer h3{height:auto}@font-face{font-display:swap;font-family:hero-bold;src:url(./Hero-Bold.0124ce16.ttf)}@font-face{font-display:swap;font-family:hero-regular;src:url(./Hero-Regular.e4c421e0.ttf)}@font-face{font-display:swap;font-family:hero-light;src:url(./Hero-Light.36be16a7.ttf)}@font-face{font-display:swap;font-family:comfortaa-bold;src:url(./Comfortaa-Bold.0b82ab5f.ttf)}@font-face{font-display:swap;font-family:comfortaa-regular;src:url(./Comfortaa-Regular.7aeecaf4.ttf)}@font-face{font-display:swap;font-family:comfortaa-light;src:url(./Comfortaa-Light.6c7392e5.ttf)}@font-face{font-display:swap;font-family:como-bold-extra;src:url(./Como-ExtraBold.39da8bd3.ttf)}#contact{height:200px;justify-content:flex-start;margin-top:50px;min-height:500px;padding-bottom:50px}#contact,#contact .contact-container{align-items:center;display:flex;flex-direction:column}#contact .contact-container{justify-content:center;margin-top:0;max-width:290px;width:70%}#contact .contact-container div{margin-bottom:10%}#contact .contact-container button{background:var(--gradient);border:none;border-radius:50px;margin-bottom:20%;width:100%}#contact .contact-container button:active{animation:gradient 5s linear infinite alternate;background:var(--gradient);background-size:300%;box-shadow:var(--bxSBtn)}#contact .contact-container button a{color:#1b212b}#contact .contact-container .resume{align-items:center;display:flex;flex-direction:column}#contact .contact-container .resume h1{background:var(--transparent);border-radius:50px;box-shadow:var(--bxSBtn);font-size:50px;height:100px;margin-bottom:10px;text-align:center;width:100px}#contact .contact-container .resume h1:active,#contact .contact-container .resume h1:hover{background-color:var(--hoverBtn);box-shadow:var(--hoverBxSBtn);transition:all .3s ease-in-out}@media (min-width:320px){#contact .contact-container{justify-content:space-around}}@media (min-width:720px){#contact{min-height:700px}#contact .contact-container{justify-content:space-around;max-width:720px}#contact .contact-container button{margin-bottom:10%;padding:10px 15px;width:60%}#contact .contact-container .resume img{margin-bottom:20px;width:15%}#contact footer{margin-top:50px;max-width:720px}}@media (min-width:1020px){#contact{height:100px;justify-content:center;min-height:600px;transition:all .5s ease-in-out}#contact .contact-container{align-items:center;flex-direction:row;justify-content:center;margin-top:50px;max-width:1020px;width:80%}#contact .contact-container .contact-text{height:auto;margin-bottom:0;width:70%}#contact .contact-container .contact-text p div{margin-bottom:0}#contact .contact-container .contact-text button{margin-top:30px;max-width:250px;padding:10px 15px}#contact .contact-container .resume{width:30%}}#hero{display:flex;flex-direction:column;height:935px;justify-content:flex-start;min-height:700px;overflow-y:hidden;padding-top:100px}#hero .hero-container{max-width:290px;width:70%}#hero .hero-container .about{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;width:100%}#hero .hero-container .about h1{width:100%}#hero .hero-container .about button{border:none;color:var(--bg-color);font-family:comfortaa-bold;font-size:.8rem;margin-bottom:10px;margin-top:30px;padding:15px 20px;width:100%}#hero .hero-container .about button,#hero .hero-container .about button:active{animation:gradient 5s linear infinite alternate;background:var(--gradient);background-size:300%}#hero .hero-container .about button:active{box-shadow:var(--bxSBtn)}#hero .hero-container .qualities{color:var(--bg-color);display:flex;flex-direction:column;height:500px;margin-top:10%;width:100%}#hero .hero-container .qualities .categ-sort button{background:var(--gradient);border:none;border-radius:50px;color:#1b212b;font-size:15px;margin:7px;padding:5px 10px}#hero .hero-container .qualities .skills{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:10px;overflow-y:scroll;transition:all .3s ease-in-out}#hero .hero-container .qualities .skills p{background:var(--transparent);border-radius:50px;font-size:17px;height:30px;margin:5px;padding:5px 10px;transition:all .3s ease-in-out}#hero .hero-container .qualities .list-enter-active,#hero .hero-container .qualities .list-leave-active{transition:all .5s ease}#hero .hero-container .qualities .list-enter-from,#hero .hero-container .qualities .list-leave-to{opacity:0}#hero .hero-container .qualities h3,#hero .hero-container .qualities li{color:#1b212b;font-family:comfortaa-regular}@media (min-width:720px){#hero{height:1000px;transition:all .5s ease-in-out}#hero .hero-container{align-items:center;display:flex;flex-direction:column;max-width:720px}#hero .hero-container .about{max-width:100%;transition:all .5s ease-in-out}#hero .hero-container .about button{font-family:comfortaa-bold;font-size:1.8rem;margin-bottom:40px;margin-top:50px;padding:30px 60px}#hero .hero-container .qualities{margin-top:10%}#hero .hero-container .qualities .categ-sort button{font-size:1.8rem}#hero .hero-container .qualities .skills p{align-items:center;display:flex;font-size:1.8rem;padding:20px 15px}}@media (min-width:1020px){#hero{height:500px;transition:all .5s ease-in-out}#hero .hero-container{align-items:flex-start;-moz-column-gap:30px;column-gap:30px;display:flex;flex-direction:row;max-width:1020px;width:80%}#hero .hero-container .about{transition:all .5s ease-in-out}#hero .hero-container .about button{background:var(--btn);border:none;box-shadow:var(--bxSBtn);color:var(--color);font-family:comfortaa-regular;font-size:1.2rem;margin-top:40px;padding:15px 20px;transition:all .3s ease-in-out;width:100%}#hero .hero-container .about button:active,#hero .hero-container .about button:hover{background:var(--hoverBtn);border:none;box-shadow:var(--hoverBxSBtn);transition:all .3s ease-in-out}#hero .hero-container .qualities{margin-top:0}#hero .hero-container .qualities .skills p{padding:5px 10px}}#home{display:flex;flex-direction:column;height:95vh;justify-content:center;max-height:700px;padding-top:70px}#home,#home .presentation{transition:all .5s ease-in-out}#home .presentation{display:block;max-width:290px;width:70%}#home .presentation .transparent{animation:gradient 5s linear infinite alternate;background:var(--gradient);-webkit-background-clip:text;background-clip:text;background-size:300%;color:transparent}@keyframes gradient{0%{background-position:0}to{background-position:100%}}#home .call-to-action{margin-top:20px;max-width:290px;width:70%}#home .call-to-action a{padding-right:20px}#home .call-to-action .contact-me-action{background:var(--gradient);border:none;border-radius:50px;color:#1b212b;font-size:1.8rem;margin-top:20px;padding:10px 15px}#home .links{-moz-column-gap:10px;column-gap:10px;display:flex;margin-bottom:20px;width:100%}#home .links a svg path{color:var(--color);width:2rem}#home .goTo-hero{border:none;border-radius:50px;margin-top:20px;padding:35px}#home .goTo-hero .arrow-icon{animation:bounce 3s infinite both;position:relative;z-index:-1}#home .goTo-hero .arrow-icon:after,#home .goTo-hero .arrow-icon:before{background:var(--line);border-radius:10px;content:"";display:block;height:7px;position:absolute;right:-24px;top:0;transform:rotate(45deg);width:30px}#home .goTo-hero .arrow-icon:after{left:-24px;right:inherit;transform:rotate(-45deg)}#home .goTo-hero:active{background:none}@keyframes bounce{0%{-webkit-transform:translateY(10px)}60%{opacity:1}to{opacity:0;-webkit-transform:translateY(-10px)}}@media (min-width:320px){#home{height:90vh}}@media (min-width:720px){#home{height:90vh;max-height:900px;transition:all .5s ease-in-out;width:100%}#home .presentation{max-width:720px}#home .presentation .transparent{font-size:3rem}#home .call-to-action{margin-top:20px;max-width:720px;width:70%}#home .call-to-action .links a .nuxt-icon{height:3.5rem!important;width:3.5rem!important}#home .call-to-action .contact-me-action{animation:gradient 5s linear infinite alternate;background:var(--gradient);background-size:300%;border:none;border-radius:50px;color:#1b212b;font-size:1.8rem;margin-top:20px;padding:10px 15px}}@media (min-width:1020px){#home{justify-content:flex-start;padding-top:100px}#home .presentation{display:block;max-width:1020px;transition:all .5s ease-in-out;width:80%}#home .presentation h2{font-family:hero-light;font-size:2rem;padding-bottom:50px}#home .presentation .transparent{animation:gradient 5s linear infinite alternate;background:var(--gradient);-webkit-background-clip:text;background-clip:text;background-size:300%;color:transparent}#home .call-to-action{max-width:1020px;width:80%}#home .goTo-hero{margin-top:20px}}#portfolio{align-items:center;display:flex;flex-direction:column;height:-moz-max-content;height:max-content;justify-content:center;padding:70px 0 20px}#portfolio h1{max-width:290px;width:70%}#portfolio .portfolio{align-items:flex-start;background:var(--transparent);border-radius:20px;-moz-column-gap:10px;column-gap:10px;display:flex;flex-direction:column;height:auto;margin:10px 0;padding:15px 10px;transition:all .3s ease-in-out;width:290px}#portfolio .portfolio .work-image{height:150px;margin-bottom:10px;position:relative;width:100%}#portfolio .portfolio .work-image img{border-radius:10px;height:150px;-o-object-fit:cover;object-fit:cover;overflow:hidden;position:absolute;width:100%;z-index:0}#portfolio .portfolio .work-image h2{color:#eee;font-family:hero-bold;position:absolute;text-align:center;top:25%;width:100%;z-index:0}#portfolio .portfolio .type{font-weight:bolder;padding-bottom:5px}#portfolio .portfolio .programmingLang{-moz-column-gap:10px;column-gap:10px;display:flex;flex-wrap:wrap;justify-content:center;row-gap:10px}#portfolio .portfolio .programmingLang div{align-items:center;display:flex;flex-direction:column;height:50px}#portfolio .portfolio .programmingLang div .lang--icon-txt{height:2em;padding:0}#portfolio .portfolio .programmingLang div p{font-size:14px}#portfolio .portfolio .see-more{background:var(--bgNeumo);border-radius:50px;box-shadow:var(--bxSBtn);cursor:pointer;font-family:hero-bold;font-size:1.8rem;margin:25px 0 10px;padding:10px 15px;text-align:center;transition:all .3s ease-in-out;width:100%}#portfolio .portfolio .see-more:active,#portfolio .portfolio .see-more:hover{background-color:var(--hoverBtn);box-shadow:var(--hoverBxSBtn);transition:all .3s ease-in-out}#portfolio .contribution-tittle{margin-top:50px}#portfolio .contribution{align-items:center;background:var(--transparent);border-radius:20px;display:flex;justify-content:flex-start;margin-bottom:30px;padding:10px;width:290px}#portfolio .contribution img{height:100%;width:35%}#portfolio .contribution h2{font-family:hero-bold;font-size:2rem;margin-left:10px;overflow-x:hidden}#portfolio .contribution .see-more{background:var(--bgNeumo);border-radius:50px;cursor:pointer;font-family:hero-bold;font-size:15px;margin-left:10px;padding:10px 15px;text-align:center;transition:all .3s ease-in-out;width:150px}#portfolio .contribution .see-more:active,#portfolio .contribution .see-more:hover{background-color:var(--hoverBtn);box-shadow:var(--hoverBxSBtn);transition:all .3s ease-in-out}@media (min-width:720px){#portfolio{transition:all .5s ease-in-out}#portfolio h1{margin-bottom:30px;max-width:720px;text-align:start}#portfolio .project-container{-moz-column-gap:30px;column-gap:30px;display:flex;justify-content:space-between;max-width:720px}#portfolio .project-container .portfolio{-moz-column-gap:10px;column-gap:10px;height:auto;justify-content:space-between;transition:all .3s ease-in-out;width:100%}#portfolio .project-container .portfolio .work-image{height:170px;margin-bottom:10px;width:100%}#portfolio .project-container .portfolio .work-image img{height:100%}#portfolio .project-container .portfolio .work-image h2{font-size:1.8rem}#portfolio .project-container .portfolio .type{font-weight:bolder;padding-bottom:5px}#portfolio .project-container .portfolio .programmingLang{-moz-column-gap:14px;column-gap:14px;row-gap:12px}#portfolio .project-container .portfolio .programmingLang div{height:65px}#portfolio .project-container .portfolio .programmingLang div .lang--icon-txt{height:1.6em;margin-bottom:5px}#portfolio .project-container .portfolio .programmingLang div div .nuxt-icon{height:2.5rem!important;width:2.5rem!important}#portfolio .project-container .portfolio .programmingLang div p{font-size:1.8rem}#portfolio .project-container .portfolio .see-more{background:var(--bgNeumo);font-size:1.8rem}#portfolio .project-container .contribution{align-items:center;background:var(--transparent);border-radius:20px;display:flex;justify-content:flex-start;margin-bottom:30px;padding:10px;width:350px}#portfolio .project-container .contribution h2{font-family:hero-bold;font-size:2rem;margin-left:30px}#portfolio .project-container .contribution .see-more{font-size:1.8rem;margin-left:20px;width:150px}#portfolio .contribution-tittle{margin-top:50px}}@media (min-width:1020px){#portfolio{justify-content:center;transition:all .5s ease-in-out}#portfolio .project-container,#portfolio h1{max-width:1020px;width:80%}#portfolio .project-container{justify-content:center}#portfolio .project-container .portfolio{width:390px}#portfolio .project-container .portfolio .work-image{height:200px}#portfolio .project-container .portfolio .work-image h2{font-size:3rem;top:35%}#portfolio .project-container .portfolio .programmingLang{-moz-column-gap:14px;column-gap:14px;row-gap:12px}#portfolio .project-container .portfolio .programmingLang div{height:60px}}.page-enter-active,.page-leave-active{transition:all .4s}.page-enter-from,.page-leave-to{background-color:transparent;filter:blur(1rem);opacity:0}.loading{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}@font-face{font-display:swap;font-family:hero-bold;src:url(./Hero-Bold.0124ce16.ttf)}@font-face{font-display:swap;font-family:hero-regular;src:url(./Hero-Regular.e4c421e0.ttf)}@font-face{font-display:swap;font-family:hero-light;src:url(./Hero-Light.36be16a7.ttf)}@font-face{font-display:swap;font-family:comfortaa-bold;src:url(./Comfortaa-Bold.0b82ab5f.ttf)}@font-face{font-display:swap;font-family:comfortaa-regular;src:url(./Comfortaa-Regular.7aeecaf4.ttf)}@font-face{font-display:swap;font-family:comfortaa-light;src:url(./Comfortaa-Light.6c7392e5.ttf)}@font-face{font-display:swap;font-family:como-bold-extra;src:url(./Como-ExtraBold.39da8bd3.ttf)}.hero-bold{font-family:hero-bold}.hero-regular{font-family:hero-reglar}.hero-light{font-family:hero-light}.comfortaa-bold{font-family:comfortaa-bold}.comfortaa-regular{font-family:comfortaa-regular}.comfortaa-light{font-family:comfortaa-light}.como-bold-extra{font-family:como-bold-extra}.fs-mb-m,.fs-mb-sm{font-size:1.8rem}.fs-mb-l{font-size:2rem}.fs-mb-xl{font-size:3rem}.fs-tb-m,.fs-tb-sm{font-size:1.8rem}.fs-tb-l{font-size:2rem}.fs-tb-xl{font-size:3rem}.fs-dt-m,.fs-dt-sm{font-size:1.8rem}.fs-dt-l{font-size:2rem}.fs-dt-xl{font-size:3rem}.c-white{color:#eee}.c-black{color:#1b212b}.error{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.error button{animation:gradient 5s linear infinite alternate;background:var(--gradient);background-size:300%;border:none;border-radius:50px;color:#1b212b;font-size:1.8rem;margin-top:20px;padding:10px 15px}