*{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%}body{font-family:"Inter",sans-serif;background:linear-gradient(90deg, #03020F 0%, #01000A 80%);color:#fff}@media(max-width: 580px){body{background:#02010f}}img{display:block;max-width:100%}a{text-decoration:none;color:#fff}ul{list-style:none}button{border:0;background-color:rgba(0,0,0,0)}.container{width:95%;max-width:143.5rem;margin:0 auto;padding:0 1.5rem}@media(max-width: 1440px){.container{max-width:124.8rem}}h2{font-size:3.2rem;font-weight:700;text-align:center}h3{font-size:2.4rem;font-weight:500;text-align:left;position:relative;display:inline-block;margin-block:10rem 5rem}h3::after{content:"";position:absolute;display:block;height:.3rem;width:70%;margin-top:.5rem;background:linear-gradient(90deg, #FF9D1E 0%, #d16513 80%)}.box{background-color:#212121;width:12rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top-left-radius:2.5rem;aspect-ratio:1;cursor:pointer}.box p{color:#ff9d1e;font-size:1.6rem;font-weight:500;margin-bottom:1.5rem}.box img{width:4rem}.box::after{content:"";display:block;position:absolute;width:100%;height:.1rem;background:linear-gradient(90deg, #FF9D1E 0%, #d16513 90%);bottom:-0.1rem;left:0}.box:hover{transform:scale(1.1);transition:300ms ease}.card{width:30%;height:23.5rem;position:relative}.card .cover{width:100%;height:100%;position:relative;overflow:hidden;cursor:pointer}.card .cover::before{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.65)}.card .cover img{width:100%}.card .cover .details{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;top:45%}.card .cover .details p{font-size:1.8rem;font-weight:500;margin-bottom:1rem}.card .cover .details .mini-languages{display:flex;align-items:center;gap:1rem}.card .cover::after{content:"";display:block;position:absolute;width:100%;height:.3rem;background:linear-gradient(90deg, #FF9D1E 0%, #d16513 90%);bottom:-0.1rem;left:0}.card .description{width:100%;background-color:#212121;padding:1.5rem 2rem;position:absolute;display:none;align-items:center;justify-content:space-between;border-radius:0 0 2rem 2rem;z-index:-10}.card .description p{font-size:1.2rem;font-weight:500}.card .description a{width:-moz-fit-content;width:fit-content;display:inline-block;background:linear-gradient(90deg, #FF9D1E 0%, #d16513 85%);border-radius:2rem;font-size:1.2rem;font-weight:500;padding:.5rem 1.5rem}.card:hover{position:relative;transform:scale(1.2);z-index:2;transition:300ms ease}.card:hover .description{display:flex;animation:showDown 500ms forwards ease}@keyframes showDown{from{opacity:0;transform:translateY(-200%)}to{opacity:1;transform:translateY(0)}}header .container{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem}header .container .logo img{width:20rem;height:auto}header .container .navbar .list-menu{display:flex;gap:2.4rem}header .container .navbar .list-menu .item-menu a{font-size:1.8rem;font-weight:700}header .container .navbar .list-menu .item-menu a:hover{color:#ff9d1e;transition:200ms ease}header .container .navbar .menu-mobile{display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;padding:.5rem 1rem;border-radius:.8rem;display:none;cursor:pointer}header .container .navbar .menu-mobile i{font-size:3.6rem;font-weight:500}header .container .navbar .menu-mobile:hover{background-color:#ff9d1e;transition:300ms}header::after{content:"";width:100%;height:.1rem;display:block;position:absolute;background:linear-gradient(90deg, #FF9D1E 0%, #d16513 100%)}@media(max-width: 768px){header .container .navbar .list-menu{position:absolute;display:none;flex-direction:column;align-items:center;padding-top:2.4rem;right:0;top:8.8rem;width:50vw;height:100vh;background-color:#010112;box-shadow:10px 12px 20px 15px rgba(0,0,0,.3);z-index:10;margin-right:-100vw}header .container .navbar .list-menu.active{animation:showFadeMenu 600ms ease forwards}header .container .navbar .menu-mobile{display:block}header .container .navbar .menu-mobile .menu-icon{display:block}header .container .navbar .menu-mobile .close-icon{display:none}}@keyframes showFadeMenu{from{opacity:0}to{margin-right:0;opacity:1}}@keyframes closeFadeMenu{from{opacity:1}to{margin-right:-100vw;opacity:0}}.s-hero{width:100%;background-image:url(../assets/bg.jpg)}.s-hero .container{display:flex;align-items:center;justify-content:center;gap:4rem;padding-top:10rem}.s-hero .container .profile{background:url(../assets/hero.png);width:48rem;height:54rem;background-size:cover;background-repeat:no-repeat;background-position:center}.s-hero .container .intro h1{max-width:35rem;font-size:4.2rem;font-weight:500;line-height:120%;text-align:left}.s-hero .container .intro h1 span{color:#ff9d1e}.s-hero .container .intro p{font-size:1.8rem;font-weight:400;margin-top:1rem;color:#aba5a5;text-align:left;max-width:28rem}.s-hero .container .intro .links{display:flex;align-items:center;justify-content:space-between;margin-top:2rem}.s-hero .container .intro .links a{padding:1.2rem 2.7rem;border-radius:3rem;font-size:1.6rem;font-weight:500}.s-hero .container .intro .links a:hover{transform:scale(1.02);transition:200ms ease}.s-hero .container .intro .links .git{background:linear-gradient(90deg, #FF9D1E 0%, #d16513 85%)}.s-hero .container .intro .links .likedin{border:1px solid #ff9d1e}.s-hability{width:100%;margin-top:24rem;margin-bottom:24rem}.s-hability .container .cards{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4rem;margin-top:10rem}.s-projects{width:100%}.s-projects .container .cards-projects{display:flex;flex-wrap:wrap;align-items:center;gap:3rem}.s-contacts{width:100%;margin-top:18rem;padding-bottom:12rem}.s-contacts .container{display:flex;flex-direction:column;align-items:center;justify-content:center}.s-contacts .container .social-links{display:flex;gap:8rem;margin-top:10rem}.s-contacts .container .social-links .icon{transition:all 300ms ease}.s-contacts .container .social-links .icon a{display:flex;flex-direction:column;align-items:center;justify-content:center}.s-contacts .container .social-links .icon a .container-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#212121;margin-bottom:1rem}.s-contacts .container .social-links .icon a .container-icon img{padding:1.5rem}.s-contacts .container .social-links .icon a p{font-size:2rem;font-weight:500;margin-bottom:1rem}.s-contacts .container .social-links .icon a span{font-size:1.8rem;font-weight:400;color:#aba5a5}.s-contacts .container .social-links .icon:hover{transform:scale(1.2)}dialog{margin:auto;width:80%;height:58rem;background-color:#0d0d19;border:none;color:#fff}dialog .container{width:100%;height:100%;display:flex;flex-direction:column}dialog .container .informations-projects{width:100%;height:80%;padding-top:3rem;display:flex;justify-content:space-between}dialog .container .informations-projects .image-project{width:50%;height:100%}dialog .container .informations-projects .image-project img{width:100%;height:auto}dialog .container .informations-projects .description-project{width:50%;height:100%;margin-left:1.6rem}dialog .container .informations-projects .description-project .title-project{display:flex;justify-content:space-between;align-items:center;height:auto;margin-bottom:2.4rem}dialog .container .informations-projects .description-project .title-project span,dialog .container .informations-projects .description-project .title-project h2{color:#ff9d1e;font-size:3.2rem;font-weight:700}dialog .container .informations-projects .description-project .title-project span{cursor:pointer}dialog .container .informations-projects .description-project .content-project p{font-size:1.5rem;font-weight:500;line-height:130%;text-align:justify;margin:2.4rem 0}dialog .container .informations-projects .description-project .content-project .date-project{font-size:1.5rem;font-weight:500;color:#ff9d1e}dialog .container .links-projects{width:100%;height:20%;display:flex;gap:2.4rem}dialog .container .links-projects a{display:inline-block;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:1rem 1.5rem;font-size:1.2rem;font-weight:500;border-radius:.5rem;background:linear-gradient(90deg, #FF9D1E 0%, #d16513 90%)}dialog::backdrop{background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media(max-width: 992px){.s-hability .container .cards{justify-content:center;flex-wrap:wrap}.s-projects .container .cards-projects{justify-content:space-between}.s-projects .container .cards-projects .card{width:40vw;height:21rem}.s-contacts .container .social-links{flex-wrap:wrap;justify-content:center}.s-contacts .container .social-links .icon{width:30vw}}@media(max-width: 769px){dialog .container .informations-projects{flex-direction:column-reverse;align-items:center;justify-content:start}dialog .container .informations-projects .image-project{width:100%;height:50%;margin-top:1.6rem}dialog .container .informations-projects .image-project img{margin:auto;width:auto;height:100%}dialog .container .informations-projects .description-project{width:100%;height:50%;margin-left:0}dialog .container .links-projects{justify-content:center;margin-top:4rem}}@media(max-width: 690px){.s-hero .container .profile{width:22rem;height:22rem}.s-hero .container .intro h1{font-size:3.2rem}.s-hero .container .intro .links{justify-content:flex-end;gap:2rem}.s-hero .container .intro .links a{font-size:1.2rem}}@media(max-width: 580px){.s-hero .container{flex-direction:column;padding:4rem 0}.s-hero .container .profile{width:32rem;height:36rem}.s-hero .container .intro h1{text-align:center;max-width:32rem}.s-hero .container .intro p{text-align:center;max-width:32rem}.s-hero .container .intro .links{justify-content:center;gap:3rem}.s-hero .container .intro .links a{font-size:1.3rem}.s-projects .container .cards-projects{justify-content:center}.s-projects .container .cards-projects .card{width:80vw}.s-contacts .container .social-links .icon{width:80vw}dialog .container .informations-projects{height:50%}dialog .container .informations-projects .image-project{display:none}dialog .container .informations-projects .description-project{height:100%}dialog .container .informations-projects .description-project .title-project h2,dialog .container .informations-projects .description-project .title-project span{font-size:2rem}dialog .container .informations-projects .description-project .content-project p{font-size:1.2rem}dialog .container .links-projects{height:50%;flex-direction:column;justify-content:flex-start;align-items:center}dialog .container .links-projects a{width:60%;font-size:1.3rem;text-align:center}}