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