@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;700&display=swap);.socials-list{display:flex;gap:4rem;justify-content:center;list-style-type:none}.socials-list li a svg{width:3rem}@media (min-width:1280px){.socials-list{gap:2rem}.socials-list li a svg{width:1.5rem}}footer{background-color:var(--footer-background);color:var(--text-color);display:flex;flex-direction:column;justify-content:flex-end}footer .content{padding:3rem 0}footer .container{align-items:center;display:flex;flex-direction:column-reverse;gap:4rem;justify-content:space-between}footer .container p{font-size:1.4rem;font-weight:400}footer .container a:link,footer .container a:visited{color:var(--link-secondary-color)}footer .container a:active,footer .container a:hover{color:var(--link-text-hover-color)}@media (min-width:1280px){footer .container{flex-direction:row}}header{left:0;position:fixed;right:0;top:0;z-index:4}header .container{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:space-between;padding-bottom:1rem;padding-top:1rem}header .top{position:relative;transition:.4s ease-in-out;width:100%}header .menu{align-items:center;bottom:0;display:flex;display:none;justify-items:center;position:absolute;top:0;z-index:10}header .links .icon{display:none}.header .links,.header .logo{-webkit-filter:drop-shadow(0 0 2px rgba(0,0,0,.4));filter:drop-shadow(0 0 2px rgb(0 0 0/.4))}.header .logo{height:8rem}.header-scroll .menu{display:flex}.header-scroll .logo{display:flex;height:6rem;justify-content:center}.header-scroll{background-color:var(--header-background-color);box-shadow:0 .125rem .25rem rgb(0 0 0/8%)}header .submenu{background-color:var(--background-color);display:flex;-webkit-filter:drop-shadow(0 0 2px rgba(0,0,0,.4));filter:drop-shadow(0 0 2px rgb(0 0 0/.4));flex-direction:column;min-height:100vh;position:fixed;text-transform:uppercase;width:100vw;z-index:2}header .submenu,header .submenu a{color:var(--text-color)}header .submenu .list{display:flex;flex-direction:column;flex-grow:1;gap:1rem;justify-content:center;list-style-type:none;margin:0;padding:0}header .submenu ul li{font-size:4rem;text-align:center}header .submenu .lang{font-size:2rem;margin:4rem 0;text-align:center}header .submenu .icons{display:flex;font-size:2rem;gap:1rem;justify-content:flex-end;margin:1.4rem 0;width:100%}.header .container a{color:#fff!important}.header-scroll .container a{color:var(--list-link-color)}.header nav ul li a:before{background-color:#fff}.menu-icon{cursor:pointer;height:14px;position:relative;transition:.5s ease-in-out;width:24px}.menu-icon,.menu-icon span{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.menu-icon span{background:var(--list-link-color);display:block;height:2px;left:0;opacity:1;position:absolute;transition:.25s ease-in-out;width:100%}.menu-icon span:first-child{top:0}.menu-icon span:nth-child(2),.menu-icon span:nth-child(3){top:6px}.menu-icon span:nth-child(4){top:12px}.menu-icon.open span:first-child{left:50%;top:6px;width:0}.menu-icon.open span:nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.menu-icon.open span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.menu-icon.open span:nth-child(4){left:50%;top:6px;width:0}@media (min-width:1280px){header .container{flex-direction:row;gap:2rem}header .top{width:unset}header .top .menu{display:none}header .links .icon{display:unset}header .icon a:last-child{display:none!important}header .links .icon:hover a{display:block!important}header .links .icon:hover a:first-child{display:none!important}}.hero-section{background-color:var(--background-color);gap:2rem;height:100vh;margin:0;position:relative}.hero-section,.hero-section .name{align-items:center;display:flex;justify-content:center}.hero-section .name{flex-direction:column;gap:1rem;padding:1rem;text-align:center;z-index:1}.hero-section .name .title{text-shadow:2px 2px var(--text-shadow)}.hero-section .name h1{font-size:5rem}.hero-section .name h2{font-size:4rem}.hero-section img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}@media (min-width:1400px){.hero-section .name{align-items:start;justify-content:start;text-align:start}.hero-section .name h1{font-size:7rem}.hero-section .name h2{font-size:5.5rem}}.portfolio{overflow:hidden;padding:4rem 0}.portfolio .title{padding:2rem 0;text-align:center}.portfolio .links{margin:1rem 0 0}.portfolio .links ul{flex-wrap:wrap;justify-content:center}.projects{grid-column-gap:2rem;grid-row-gap:2rem;display:grid;grid-template-columns:repeat(1,1fr);padding-top:4rem}.project{background:var(--primary-color);box-shadow:0 1px 2px 0 rgba(0,0,0,.15);cursor:pointer;justify-content:space-between;transition:none}.project,.project .item{display:flex;flex-direction:column}.project .item{height:100%}.project .info{display:block;flex-grow:1;min-width:270px;position:relative;z-index:1}.project .buttons{display:flex;flex-direction:row;justify-content:center;padding:1rem;width:100%}.project .buttons div{padding:0 .5rem;width:48%}.project .buttons .inactive a{cursor:default;opacity:.6}.project:hover{box-shadow:0 1px 35px 0 rgba(0,0,0,.3)}.project .thumbnail{background:#000;height:200px;overflow:hidden}.project .thumbnail img{opacity:.85}.project:hover .thumbnail img{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}.project .thumbnail .date{background:#e74c3c;border-radius:100%;box-sizing:border-box;color:#fff;font-size:16px;font-weight:700;height:55px;padding:15px 0;position:absolute;right:8px;text-align:center;top:8px;width:55px;z-index:1}.project .thumbnail img{display:block;min-height:100%;min-width:100%;object-fit:contain;transition:-webkit-transform .3s linear 0s;transition:transform .3s linear 0s;transition:transform .3s linear 0s,-webkit-transform .3s linear 0s}.project .content{background:var(--primary-color);padding:30px 30px 15px;position:relative;transition:-webkit-transform .3s cubic-bezier(.37,.75,.61,1.05) 0s;transition:transform .3s cubic-bezier(.37,.75,.61,1.05) 0s;transition:transform .3s cubic-bezier(.37,.75,.61,1.05) 0s,-webkit-transform .3s cubic-bezier(.37,.75,.61,1.05) 0s;width:100%}.project .content .status{color:#fff;font-size:14px;font-weight:600;left:0;padding:10px 15px;position:absolute;text-transform:uppercase;top:-20px}.project .content .status-active{background:#e74c3c}.project .content .status-inactive{background:#454545}.project .content .title{font-size:26px;font-weight:700;margin:0;padding:0 0 10px;text-align:start}.project .content .description{color:var(--text-primary-color);font-size:1.6rem;font-weight:200;line-height:2.2rem;overflow:hidden;text-align:start;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.project:hover .content{-webkit-transform:translateY(-20px);transform:translateY(-20px)}@media (min-width:640px){.projects{grid-template-columns:repeat(2,1fr)}}@media (min-width:1400px){.projects{grid-template-columns:repeat(3,1fr)}}.quote{background-color:var(--accent-color);padding:4rem 0;text-align:center}.quote h1{padding-top:2rem}.quote p{font-size:2.6rem;font-style:italic;line-height:1.5;padding:2rem}.timeline{padding:4rem 0}.timeline .title{padding:2rem 0;text-align:center}.timeline .list ul{position:relative}.timeline .list ul:before{background-color:#e4e4e4;bottom:0;content:"";left:calc(50% - 1px);position:absolute;top:0;width:2px;z-index:-1}.timeline .list ul li{align-items:center;display:flex;flex-direction:column;margin-top:4rem;text-align:center}.timeline .list ul li:last-child{padding-bottom:4rem}.timeline .list ul li:before{content:"";flex:1 1}.timeline .list .image{padding:0 2rem;width:12rem}.timeline .list .image img{border:.6rem solid var(--background-color);border-radius:100%}.timeline .list .text{background-color:var(--background-color);display:flex;flex:1 1;flex-direction:column;gap:1rem;margin-top:1rem;padding:1rem 0;transition:none}.timeline .list .skills{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.timeline .list .footer{margin:1rem 0;text-align:center;text-transform:none;white-space:pre-line}@media (min-width:1280px){.timeline .list .text{background-color:unset}.timeline .list ul li{align-items:start}.timeline .list ul li:nth-child(2n){flex-direction:row;text-align:left}.timeline .list ul li:nth-child(2n) .skills{justify-content:flex-start}.timeline .list ul li:nth-child(odd) .skills{justify-content:flex-end}.timeline .list ul li:nth-child(odd){flex-direction:row-reverse;text-align:right}}.fadeInLoadUp{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:fadeInLoadUpAnimation;animation-name:fadeInLoadUpAnimation}@-webkit-keyframes fadeInLoadUpAnimation{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInLoadUpAnimation{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.fadeInLoad{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:fadeInLoadAnimation;animation-name:fadeInLoadAnimation}@-webkit-keyframes fadeInLoadAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInLoadAnimation{0%{opacity:0}to{opacity:1}}.slide-in,.slide-out{-webkit-animation:slideInAnimation .5s forwards;animation:slideInAnimation .5s forwards}@-webkit-keyframes slideInAnimation{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInAnimation{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.fadeInOnce{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fadeIn;animation-name:fadeIn;background-color:var(--background-color);opacity:0}.fadeIn{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeOut{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.contact-section{background:var(--accent-color);min-height:100vh}.profile{background-color:var(--background-color)}.profile .container{display:flex;flex-direction:column;gap:8rem}.profile .info{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:-8rem auto 0;padding:2rem 0;text-align:center;width:80%}.profile .info img{border:.5rem solid #fff;border-radius:50%;width:100%}.profile .info a.button{min-width:80%}.profile .skills{flex:1 1;padding:4rem 0}.profile .skills .title{padding-bottom:1rem;text-align:center;text-shadow:none;width:100%}.profile .skills .links ul,.profile .skills .list{flex-wrap:wrap;justify-content:center}.profile .skills .list{display:flex;gap:1rem;padding:1rem}.profile .skills .list div.visable{-webkit-animation:fadeInUpAnimation .5s;animation:fadeInUpAnimation .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;display:inline-block}.profile .skills .list div.gone{-webkit-animation:fadeOutDownAnimation .5s;animation:fadeOutDownAnimation .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;display:none}@media (min-width:1280px){.profile .container{flex-direction:row}.profile .info{width:30%}.profile .info svg{width:2rem}.profile .skills{width:70%}}@-webkit-keyframes fadeInUpAnimation{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{display:inline-block;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpAnimation{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{display:inline-block;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeOutDownAnimation{0%{display:inline-block;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{display:none;opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutDownAnimation{0%{display:inline-block;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{display:none;opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;line-height:1.5;min-height:100vh}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}ul{list-style-type:none;margin:0;padding:0}body{--background-color:#fff;--primary-color:#fff;--secondary-color:#ba8aa3;--accent-color:#edf1f5;--element-color:#1e1e1e;--border-color:#000;--header-background-color:hsla(0,0%,100%,.8);--text-color:#5e5d5b;--text-primary-color:#e74c3c;--text-accent-color:#211f1c;--text-shadow:hsla(0,0%,100%,.645);--button-color:#d7a8a3;--button-hover-color:#d7a8a3;--list-link-color:#333;--link-text-color:#939393;--link-text-hover-color:var(--secondary-color);--footer-background:#cdd6de}body.theme-dark{--background-color:#121212;--primary-color:#0c0c0c;--accent-color:#0d0e12;--border-color:#040403;--header-background-color:rgba(0,0,0,.8);--text-color:#fff;--text-primary-color:#d7a8a3;--text-accent-color:#d3d3d3;--text-shadow:rgba(0,0,0,.645);--button-color:#d7a8a3;--button-hover-color:#d7a8a3;--list-link-color:#d3d3d3;--link-text-color:#939393;--footer-background:#000}:root{--spacing-horizontal:2rem;--breakpoint-tablet:640px;--breakpoint-laptop:1024px;--breakpoint-desktop:1280px}@media (min-width:640px){:root{--spacing-horizontal:4rem}}@media (min-width:1400px){:root{--spacing-horizontal:8rem}}html{font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth}body{fill:currentColor;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);font-family:Roboto,sans-serif;font-size:1.4rem;font-weight:200;margin:0}*{transition:background-color 1s ease,color .8s ease}a{color:var(--link-text-color);cursor:pointer;text-decoration:none}a:focus,a:hover{color:var(--link-text-hover-color)}svg{height:100%;max-height:100%;max-width:100%;width:100%}svg,svg *{transition:none}main{display:flex;flex:1 1 100%;flex-direction:column}section{min-height:200px}h1,h2,h3,h4,h5,h6{font-family:Lexend,sans-serif;font-weight:500;line-height:1;margin:0;padding:0}h1{font-size:4rem}h2{font-size:3.25rem}h3{font-size:2.75rem}h4{font-size:2rem}h5{font-size:1.75rem}h6{font-size:1.5rem}p{font-size:1.6rem}.container{margin:0 auto;padding-left:var(--spacing-horizontal);padding-right:var(--spacing-horizontal);width:100%}.title{color:var(--text-accent-color);text-shadow:2px 2px var(--secondary-color)}.links ul{display:flex;flex-direction:row;list-style-type:none}.links ul li{flex-shrink:0;margin:0 .5rem}.links ul li a{color:var(--list-link-color);display:block;font-weight:700;padding:.5rem;position:relative;text-align:center;text-decoration:none;text-transform:uppercase}.links ul li a:before{background-color:var(--list-link-color);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;-webkit-transform:scaleX(0);transform:scaleX(0);transition:all .3s ease-in-out 0s;visibility:hidden;width:100%}.links ul li a.active:before{-webkit-transform:scaleX(1);transform:scaleX(1);visibility:visible}.skills .skill{background-color:var(--element-color);border:.1rem solid var(--border-color);border-radius:4rem;color:#fff;cursor:default;padding:.2rem 1rem}@media (min-width:640px){.links ul li{margin:0 1rem}}@media (min-width:1400px){.container{width:1280px}.links ul li{margin:0 2rem}}@media (hover:hover){.links ul li a:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);visibility:visible}}
/*# sourceMappingURL=main.caa37180.css.map*/