.contact-section{background:var(--accent-color);min-height:100vh}.profile{background-color:var(--background-color)}.profile .container{flex-direction:column;gap:8rem;display:flex}.profile .info{text-align:center;flex-direction:column;align-items:center;gap:2rem;width:80%;margin:-8rem auto 0;padding:2rem 0;display:flex}.profile .info img{border:.5rem solid #fff;border-radius:50%;width:100%}.profile .info a.button{min-width:80%}.profile .skills{flex:1;padding:4rem 0}.profile .skills .title{text-align:center;width:100%;text-shadow:none;padding-bottom:1rem}.profile .skills .links ul{flex-wrap:wrap;justify-content:center}.profile .skills .list{flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem;display:flex}.profile .skills .list div.visable{animation:.5s forwards fadeInUpAnimation;display:inline-block}.profile .skills .list div.gone{animation:.5s forwards fadeOutDownAnimation;display:none}@media (min-width:1280px){.profile .container{flex-direction:row}.profile .info{width:30%}.profile .info svg{width:2rem}.profile .skills{width:70%}}@keyframes fadeInUpAnimation{0%{opacity:0;transform:translateY(20px)}to{opacity:1;display:inline-block;transform:translateY(0)}}@keyframes fadeOutDownAnimation{0%{opacity:1;display:inline-block;transform:translateY(0)}to{opacity:0;display:none;transform:translateY(-20px)}}
footer{color:var(--text-color);background-color:var(--footer-background);flex-direction:column;justify-content:flex-end;display:flex}footer .content{padding:3rem 0}footer .container{flex-direction:column-reverse;justify-content:space-between;align-items:center;gap:4rem;display:flex}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:hover,footer .container a:active{color:var(--link-text-hover-color)}@media (min-width:1280px){footer .container{flex-direction:row}}
header{z-index:4;position:fixed;top:0;left:0;right:0}header .container{flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;height:100%;padding-top:1rem;padding-bottom:1rem;display:flex}header .top{width:100%;transition:all .4s ease-in-out;position:relative}header .menu{z-index:10;place-items:center;display:none;position:absolute;top:0;bottom:0}header .links .icon{display:none}.header .links{filter:drop-shadow(0 0 2px #0006)}.header .logo{filter:drop-shadow(0 0 2px #0006);height:8rem}.header-scroll .menu{display:flex}.header-scroll .logo{justify-content:center;height:6rem;display:flex}.header-scroll{background-color:var(--header-background-color);box-shadow:0 .125rem .25rem #00000014}header .submenu{z-index:2;width:100vw;min-height:100vh;color:var(--text-color);background-color:var(--background-color);filter:drop-shadow(0 0 2px #0006);text-transform:uppercase;flex-direction:column;display:flex;position:fixed}header .submenu a{color:var(--text-color)}header .submenu .list{flex-direction:column;flex-grow:1;justify-content:center;gap:1rem;margin:0;padding:0;list-style-type:none;display:flex}header .submenu ul li{text-align:center;font-size:4rem}header .submenu .lang{text-align:center;margin:4rem 0;font-size:2rem}header .submenu .icons{justify-content:flex-end;gap:1rem;width:100%;margin:1.4rem 0;font-size:2rem;display:flex}.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;width:24px;height:14px;transition:all .5s ease-in-out;position:relative;transform:rotate(0)}.menu-icon span{background:var(--list-link-color);opacity:1;width:100%;height:2px;transition:all .25s ease-in-out;display:block;position:absolute;left:0;transform:rotate(0)}.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{width:0%;top:6px;left:50%}.menu-icon.open span:nth-child(2){transform:rotate(45deg)}.menu-icon.open span:nth-child(3){transform:rotate(-45deg)}.menu-icon.open span:nth-child(4){width:0%;top:6px;left:50%}@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);justify-content:center;align-items:center;gap:2rem;height:100vh;margin:0;display:flex;position:relative}.hero-section .name{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}.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{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@media (min-width:1400px){.hero-section .name{text-align:start;justify-content:start;align-items:start}.hero-section .name h1{font-size:7rem}.hero-section .name h2{font-size:5.5rem}}
.portfolio{padding:4rem 0;overflow:hidden}.portfolio .title{text-align:center;padding:2rem 0}.portfolio .links{margin:1rem 0 0}.portfolio .links ul{flex-wrap:wrap;justify-content:center}.projects{grid-column-gap:2rem;grid-row-gap:2rem;grid-template-columns:repeat(1,1fr);padding-top:4rem;display:grid}.project{cursor:pointer;background:var(--primary-color);flex-direction:column;justify-content:space-between;transition:none;display:flex;box-shadow:0 1px 2px #00000026}.project .item{flex-direction:column;height:100%;display:flex}.project .info{z-index:1;flex-grow:1;min-width:270px;display:block;position:relative}.project .buttons{flex-direction:row;justify-content:center;width:100%;padding:1rem;display:flex}.project .buttons div{width:48%;padding:0 .5rem}.project .buttons .inactive a{cursor:default;opacity:.6}.project:hover{box-shadow:0 1px 35px #0000004d}.project .thumbnail{background:#000;height:200px;overflow:hidden}.project .thumbnail img{opacity:.85}.project:hover .thumbnail img{opacity:1;transform:scale(1.1)}.project .thumbnail .date{z-index:1;color:#fff;text-align:center;box-sizing:border-box;background:#e74c3c;border-radius:100%;width:55px;height:55px;padding:15px 0;font-size:16px;font-weight:700;position:absolute;top:8px;right:8px}.project .thumbnail img{object-fit:contain;min-width:100%;min-height:100%;transition:transform .3s linear;display:block}.project .content{background:var(--primary-color);width:100%;padding:30px 30px 15px;transition:transform .3s cubic-bezier(.37,.75,.61,1.05);position:relative}.project .content .status{color:#fff;text-transform:uppercase;padding:10px 15px;font-size:14px;font-weight:600;position:absolute;top:-20px;left:0}.project .content .status-active{background:#e74c3c}.project .content .status-inactive{background:#454545}.project .content .title{text-align:start;margin:0;padding:0 0 10px;font-size:26px;font-weight:700}.project .content .description{color:var(--text-primary-color);text-align:start;font-size:1.6rem;font-weight:200;line-height:2.2rem;transition:transform .5s;overflow:hidden}.project:hover .content{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)}}
.timeline{padding:4rem 0}.timeline .title{text-align:center;padding:2rem 0}.timeline .list ul{position:relative}.timeline .list ul:before{content:"";z-index:-1;background-color:#e4e4e4;width:2px;position:absolute;top:0;bottom:0;left:calc(50% - 1px)}.timeline .list ul li{text-align:center;flex-direction:column;align-items:center;margin-top:4rem;display:flex}.timeline .list ul li:last-child{padding-bottom:4rem}.timeline .list ul li:before{content:"";flex:1}.timeline .list .image{width:12rem;padding:0 2rem}.timeline .list .image img{border:.6rem solid var(--background-color);border-radius:100%}.timeline .list .text{background-color:var(--background-color);flex-direction:column;flex:1;gap:1rem;margin-top:1rem;padding:1rem 0;transition:none;display:flex}.timeline .list .skills{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.timeline .list .footer{text-align:center;white-space:pre-line;text-transform:none;margin:1rem 0}@media (min-width:1280px){.timeline .list .text{background-color:unset}.timeline .list ul li{align-items:start}.timeline .list ul li:nth-child(2n){text-align:left;flex-direction:row}.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){text-align:right;flex-direction:row-reverse}}