@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap");@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap");:root{--font-primary: 'Poppins', sans-serif;--font-secondary: 'Montserrat', sans-serif;--font-tertiary: 'Raleway', sans-serif;--color-1: #222831;--color-2: #d13f3a;--color-3: #449aa5;--color-4: #f5f5f5;--color-white: #fff;--color-5: #303845}*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 20em){html{font-size:55%}}body{box-sizing:border-box;background-color:var(--color-4);font-family:var(--font-primary)}a{text-decoration:none}section.section{padding-top:46px}.btn{padding:1rem 1.5rem;transition:all 0.5s;display:inline-block}.btn--dark{color:var(--color-white);border:1px solid var(--color-white);margin-top:1rem}.btn--dark:hover{background-color:var(--color-3);border:1px solid var(--color-3)}.arrow-rotate .arrow::before{transition:all 0.3s;transform:rotate(0deg)}.arrow-rotate:hover .arrow::before{transform:rotate(90deg)}.arrow-translate .arrow::before{transition:all 0.3s}.arrow-translate:hover .arrow::before{transform:translateX(5px)}canvas{display:block;background-color:var(--color-1)}#particles-js{position:absolute;width:100%;height:100%}.underline{width:15rem;margin:auto;border:none;border-bottom:2px solid var(--color-2)}.about{background-color:white !important}.about__container{max-width:120rem;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 0 5rem;margin:auto}@media only screen and (min-width: 37.5em){.about__container{flex-direction:row;align-items:stretch}}.about .face{width:20rem;display:flex;flex-direction:column;text-align:center;margin-top:3rem}@media only screen and (min-width: 37.5em){.about .face{margin-right:5rem}}.about .face__img{width:100%;height:100%;border-radius:50%}.about .face__text{font-size:1.5rem;padding:2rem 0}.about .skills{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:80%;margin:3rem 0}@media only screen and (min-width: 37.5em){.about .skills{width:50%}}.about .skills__label{font-size:2rem;margin-bottom:2rem;color:var(--color-5)}.about .skills__icons{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;text-align:center}.about .skills__icons .icon{display:flex;flex-direction:column;margin:1rem;width:10rem;align-self:flex-start}.about .skills__icons .icon__logo{font-size:3rem;color:var(--color-2);display:flex;justify-content:center;align-items:flex-end}.about .skills__icons .icon__label{font-size:1.3rem;color:var(--color-5);font-weight:500}.about .skills .cv{text-align:center;padding:0;margin-top:7rem;font-size:1.8rem}@media only screen and (min-width: 37.5em){.about .skills .cv{margin-top:2rem}}.about .skills .cv .download{background-color:var(--color-5);border:1px solid var(--color-5);color:white;transition:all 0.2s;box-shadow:0 0 5px 1px rgba(0,0,0,0.1)}.about .skills .cv .download:hover{border:1px solid var(--color-2);color:var(--color-2);background-color:white;box-shadow:0 0 5px 1px rgba(234,44,98,0.1)}.contact{background-color:var(--color-1);color:white}.contact__content{text-align:center;padding:5rem 0 7rem}.contact__text{font-size:1.5rem;padding:0 2rem}.contact__btn{font-size:1.6rem}.copyright{padding:1rem;background-color:var(--color-5)}.copyright__text{text-align:center;font-size:1.2rem;color:white;opacity:0.7}.copyright__text--highlight{color:var(--color-2)}header{height:100vh;width:100%;position:relative;z-index:1}.title{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;color:var(--color-white)}.title h1{font-size:4rem;font-weight:200;line-height:1.2;padding:1rem}.title h1 span{color:var(--color-2);font-weight:300}.title__btn{font-size:2rem}.label{font-size:3.5rem;color:var(--color-5);text-align:center;text-transform:uppercase;font-family:var(--font-secondary);transition:all 0.3s;font-weight:600}.label--light{color:white;font-weight:500}.nav__list{height:0;overflow:hidden;transition:all 0.3s linear}.nav{position:fixed;z-index:5;width:100%;padding:1rem 0;transition:all 0.5s}.nav__content{display:flex;align-items:flex-start;justify-content:space-between;max-width:125rem;margin:auto;padding:0px 30px}.nav__list .nav__item{list-style-type:none}.nav__list .nav__link{color:white;margin-left:2.5rem;font-size:2rem;transition:all 0.3s}.nav__list .nav__link:hover{color:var(--color-2)}@media only screen and (min-width: 50em){.nav__list{display:inline-flex;height:auto;font-size:1.8rem}}.nav.sticky{padding:10px 0;background-color:rgba(48,56,69,0.9);box-shadow:0 0px 11px 0px rgba(48,56,69,0.9)}.nav__item.active .nav__link{color:var(--color-2)}.nav-toggle{display:block;font-size:2.5rem;color:var(--color-white);background:transparent;border-color:transparent;transition:all 0.3s linear;cursor:pointer;outline:none}@media only screen and (min-width: 50em){.nav-toggle{display:none}}.nav-toggle:hover{color:var(--color-white);transform:rotate(90deg)}.show-links{height:12rem}.projects{margin:1rem auto}.projects .card-wrapper{max-width:120rem;margin:auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:3rem}.projects .card{display:flex;flex-direction:column;margin:2rem 1rem;background-color:rgba(255,255,255,0.5);box-shadow:0px 0px 6px rgba(0,0,0,0.15);transition:all 0.2s}@media only screen and (min-width: 33.75em){.projects .card{width:25rem}}@media only screen and (min-width: 37.5em){.projects .card{margin:1rem 2rem 2rem}}@media only screen and (min-width: 50em){.projects .card{margin:1rem 3rem 3rem}}.projects .card p{position:absolute;z-index:-1;font-size:2rem;text-align:center;padding:1rem;text-align:center}@media only screen and (min-width: 33.75em){.projects .card p{width:25rem;font-size:1.5rem}}.projects .card:hover{box-shadow:0px 0px 6px rgba(0,0,0,0.3)}.projects .card .card__thumbnail{position:relative;width:100%}.projects .card .card__thumbnail img{max-width:100%;z-index:-1;display:block;transition:all 0.3s;height:162px;object-fit:cover}.projects .card .card__thumbnail img:hover{opacity:0.1}.projects .card .card__details{padding:1rem 2rem;text-align:center;position:relative}.projects .card .card__details h3{font-family:var(--font-primary);font-size:2rem;text-transform:uppercase}.projects .btns{font-size:1.2rem;letter-spacing:1px;text-transform:uppercase;justify-content:center;display:flex;flex-direction:row;flex-wrap:wrap;margin:2rem 0 1rem}.projects .btns a{color:white;margin:0 0.5rem;background-color:var(--color-5);padding:0.5rem 1rem;display:flex;align-items:center;flex:1 1 15px;justify-content:center;border-radius:3px;transition:0.2s}.projects .btns a:hover{background-color:var(--color-3)}.projects .btns a i{margin-right:0.5rem;font-size:1.8rem}