@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";:root{--white: #fff;--white-01: #F8F9FA;--white-02: #E9ECEF;--white-03: #DEE2E6;--grey-01: #CED4DA;--grey-02: #ADB5BD;--grey-03: #6C757D;--grey-04: #495057;--grey-black-01: #343A40;--grey-black-02: #212529;--black: #000;--rubik-font: "Rubik", sans-serif}body{margin:0;padding:0;font-family:var(--rubik-font)}h2{font-size:3rem;font-weight:500;padding:0;margin:0;margin-bottom:2.5rem}h3{font-size:1.5rem;font-weight:400;padding:0;margin:1rem 0}h4{font-size:1.25rem;font-weight:350;padding:0;margin:0 0 1rem}h5{font-size:1rem;font-weight:300;color:gray;padding:0;margin:0}p{font-size:1rem;font-weight:300;padding:0;margin:0 0 1rem}@media (max-width: 1024px){h2{font-size:2.5rem}h3{font-size:1.3rem}h4{font-size:1.1rem}h5,p{font-size:.9rem}}@media (max-width: 768px){h2{font-size:2rem}h3{font-size:1.2rem}h4{font-size:1rem}h5,p{font-size:.8rem}}@media (max-width: 480px){h2{font-size:1.8rem}h3{font-size:1rem}h4{font-size:.9rem}h5,p{font-size:.75rem}}li{text-decoration:none}.container{margin:0 2rem}.generic-button{background:var(--black);color:var(--white);font-weight:400;font-size:1rem;padding:.75rem 1rem;border:none;border-radius:2rem;cursor:pointer;width:10rem}.graay{color:var(--grey-02)}.generic-button i{margin-left:.5rem}.icon{cursor:pointer;width:2.5rem;height:2.5rem;border:none;border-radius:50%;padding:.2rem;background-color:var(--black)}.icon i{font-size:1.5rem;color:var(--white)}.header-container{display:flex;align-items:center;justify-content:space-between;padding:1rem}.header-title{text-decoration:none}.header-title h1{text-transform:uppercase;font-weight:700;font-size:2rem;color:var(--black);margin:0}.header-info{display:flex;align-items:center;gap:1rem;transition:max-height .3s ease-out}.header-info.hidden{display:none}.header-nav{margin-right:2rem}.header-langages{padding:.5rem;border:.1rem solid black;border-radius:.5rem;font-size:.8rem;font-weight:700}.header-nav-container{list-style:none;display:flex;gap:1rem;padding:0;margin:0}.header-nav-element{text-transform:uppercase;font-weight:600;font-size:1rem;text-decoration:none;color:var(--black)}.header-top{display:flex;justify-content:space-between;align-items:center;width:100%}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer}@media (max-width: 768px){.menu-toggle{display:block}.header-info-desctop{display:none}.header-container{flex-direction:column;align-items:flex-start}.header-title h1{font-size:1.5rem}.header-info{flex-direction:column;align-items:stretch;gap:1.5rem;width:100%}.header-nav{margin-right:0;width:100%}.header-nav-container{flex-direction:column;gap:.5rem;align-items:flex-start}.header-nav-element{font-size:.9rem}select{width:100%}}@media (max-width: 480px){.header-title h1{font-size:1.2rem}.header-nav-container{gap:.3rem}.header-nav-element{font-size:.8rem}}.header-buttons{position:fixed;top:50%;right:2rem;display:flex;flex-direction:column;z-index:1000;transform:translateY(-50%);background-color:var(--white-02);padding:.5rem;border-radius:2rem;gap:1rem 0}.section{margin:2rem 1rem}.section-name{text-transform:capitalize;font-size:1.5rem;font-weight:400;margin:0 0 1rem}.section-info{margin:0;padding:0}.section-info-desc{font-size:2rem;font-weight:600;margin:0 0 1.5rem;letter-spacing:-.1rem;word-spacing:.5rem}.feel-free{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.feel-free-desc{text-transform:capitalize;font-size:1rem;font-weight:300;margin:0;width:100%}@media (min-width: 768px){.section{margin:4rem 2rem}.section-info-desc{font-size:3.5rem;letter-spacing:-.3rem;word-spacing:.8rem}.feel-free{flex-direction:row;align-items:center;justify-content:space-between}.feel-free-desc{font-size:1.5rem;width:50%}}@media (min-width: 1024px){.section-info-desc{font-size:5rem;letter-spacing:-.5rem;word-spacing:1rem}}.about-me{margin:2rem 1rem}.about-me h2{font-size:1.5rem;text-align:center;margin-bottom:1rem}.about-me-desc{font-size:1rem;font-weight:350;text-align:center}.about-cv{display:flex;justify-content:center;margin-top:2rem}@media (min-width: 768px){.about-me{margin:2rem}.about-me h2{font-size:2rem}.about-me-desc{font-size:1.25rem;margin:1rem}}@media (min-width: 1024px){.about-me{margin:2rem 4rem}.about-me h2{font-size:2.5rem}.about-me-desc{font-size:1.5rem;margin:1rem 2rem}}.work-experience{margin:4rem 2rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem}.experience{margin-bottom:1rem}.experience-info{border-bottom:.1rem solid var(--white-03);display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}@media (max-width: 768px){.work-experience{margin:2rem 1rem;grid-gap:1rem;display:block}.experience-info{flex-direction:column;align-items:flex-start}}.services{margin:8rem 2rem}.services-container{display:grid;grid-template-columns:repeat(3,auto);align-items:end;grid-gap:0 1.5rem}.service{background-color:var(--white-02);padding:1rem;border-radius:2.5rem;text-align:center;margin-bottom:.5rem}.service i{color:var(--grey-black-02);font-size:2rem;margin:1rem 0}@media (max-width: 768px){.services-container{display:grid;grid-template-columns:repeat(1,auto);align-items:end;grid-gap:0 1.5rem}}.projects{margin:8rem 2rem}.projects h1{font-size:4rem;font-weight:600;padding:0;margin:0;letter-spacing:-.4rem;word-spacing:1rem;margin-bottom:2.5rem;text-align:center}.project{display:grid;grid-template-columns:2fr 4fr 1fr;align-items:center;margin-bottom:2.5rem;padding-bottom:1rem;border-bottom:.1rem solid var(--white-03)}.project-logo{max-width:13rem;max-height:4rem;width:auto;height:auto}.project p{width:25rem}.technologies{display:flex;align-items:center;gap:1rem}.technologie{padding:1rem;border-radius:1rem;text-transform:uppercase;font-size:.8rem;background-color:var(--grey-black-02);color:var(--white-02)}.project-type{border:.1rem solid var(--black);padding:1rem;border-radius:2rem;text-align:center}@media (max-width: 1024px){.project{grid-template-columns:1fr;text-align:center;gap:2rem}.project-logo{margin:0 auto}.project p{margin:0 auto;margin-bottom:.2rem}.technologies{display:grid;grid-template-columns:repeat(4,auto);gap:1rem}}@media (max-width: 768px){.projects h1{font-size:2.5rem}.project-logo{width:10rem}.technologie{font-size:.7rem;padding:.6rem .8rem}.project-type{font-size:.9rem;padding:.6rem 1rem}.technologies{display:grid;grid-template-columns:repeat(3,auto);gap:1rem}}@media (max-width: 480px){.projects{margin:4rem 1rem}.projects h1{font-size:2rem;letter-spacing:-.2rem}.project-logo{width:8rem}.technologie{font-size:.6rem;padding:.5rem .7rem}.project-type{font-size:.8rem}.technologies{display:grid;grid-template-columns:repeat(2,auto);gap:1rem}}footer{background:var(--black);color:var(--white);padding:4rem 4rem 1rem;margin:0}.footer-title{margin-bottom:5rem}.footer-title h1{text-transform:uppercase;font-weight:700;font-size:3rem;margin:0;padding:0}.footer-title p{margin:0;padding:0;font-size:1.5rem;font-weight:400}.footer-links ul{padding:0;margin:0;list-style:none;display:flex;align-items:center;gap:0 1rem;justify-content:space-between}.footer-links ul li{width:100%;padding:.6rem;font-size:1rem;font-weight:300;border-radius:2.5rem;border:.1rem solid gray;text-align:center}.lists-contact{display:flex;align-items:start;justify-content:space-between;margin-bottom:4rem}.footer-list h2{color:var(--grey-03);font-size:1.5rem;font-weight:500}.footer-list ul{margin:0;padding:0;list-style:none}.footer-list ul li{margin:.4rem 0;font-size:1.2rem;font-weight:400;text-transform:capitalize;color:#fff}.footer-contact h2{color:var(--grey-03);font-size:1.5rem;font-weight:500}.footer-contact input{width:35rem;padding:1rem;border:0;background:var(--black);outline:none;color:var(--grey-03);border-bottom:1px solid var(--white-03)}.footer-copyright{color:var(--white-03);text-align:center;font-size:1.25rem;font-weight:300}.contact-form{padding:4rem;margin:0 15rem}.contact-form-title{margin-bottom:4.5rem}.contact-form-title h1{margin:0;padding:0;text-align:center;letter-spacing:0rem;word-spacing:.5rem}.contact-form-title p{text-align:center;text-transform:capitalize;font-size:1.5rem;font-weight:300;padding:0;margin:0}.contact-form-info{margin:0 8rem}.form-container{margin-bottom:1rem;display:flex;flex-direction:column}.form-container label{margin-bottom:1rem}.form-container input,textarea{border:0;border-bottom:.1rem solid black;outline:none}.contact-form-grid{display:grid;grid-template-columns:repeat(4,auto);align-items:end;grid-gap:0 1.5rem}.container-in-contact{margin-bottom:.8rem;border:.1rem solid black;text-align:center;padding:.5rem .2rem;border-radius:1rem;background-color:var(--white-01)}@media (max-width: 768px){.contact-form{padding:2rem 0;margin:0 2rem}.contact-form-title h1{font-size:1.8rem}.contact-form-title p{font-size:1.2rem}.contact-form-info{margin:0}.contact-form-grid{grid-template-columns:repeat(2,1fr)}.container-in-contact,.form-container input,.form-container textarea{padding:.5rem}.form-container label{font-size:1rem}.contact-form-title,.contact-form-info{margin-bottom:2rem}}@media (max-width: 1024px){.contact-form{padding:2rem 0;margin:0 5rem}.contact-form-title h1{font-size:2rem}.contact-form-title p{font-size:1.3rem}.contact-form-grid{grid-template-columns:repeat(3,1fr)}.container-in-contact,.form-container input,.form-container textarea{padding:.5rem}.form-container label{font-size:1.1rem}}.about-me-title{margin-bottom:3rem;text-align:center}.about-me-title h1{margin:0;padding:0;font-size:2.5rem;letter-spacing:.05rem;word-spacing:.5rem}.about-me-title p{font-size:1.2rem;text-align:center;font-weight:300;margin:1rem 0;line-height:1.6}.about-me-info{display:flex;flex-direction:column;align-items:center;margin:2rem 0}.about-me-info p{font-size:1.1rem;text-align:justify;line-height:1.7;margin-bottom:1rem;max-width:800px}.about-me-contact{display:flex;justify-content:center;margin-top:2rem}.about-me-contact .contact-details{margin-right:2rem;font-size:1.1rem}.about-me-contact .contact-details a{color:#000;text-decoration:none}.about-me-contact .contact-details a:hover{text-decoration:underline}.about-me-skills{margin-top:3rem;text-align:center}.about-me-skills h2{font-size:2rem;margin-bottom:1.5rem}.about-me-skills ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.about-me-skills li{background-color:var(--white-01);border-radius:.5rem;padding:1rem;text-align:center;border:1px solid #ddd;transition:background-color .3s ease}.about-me-skills li:hover{background-color:var(--primary-color);color:#fff}@media (max-width: 768px){.about-me{margin:2rem}.about-me-title h1{font-size:1.8rem}.about-me-title p{font-size:1rem}}@media (max-width: 1024px){.about-me{margin:2rem 4rem}.about-me-title h1{font-size:2.2rem}.about-me-title p{font-size:1.1rem}}.circular-container{position:relative;width:500px;height:500px;display:flex;justify-content:center;align-items:center;margin:auto;border-radius:50%}.circular-item{position:absolute;width:80px;height:80px;transform:rotate(calc(var(--index) * 360deg / var(--total))) translate(200px) rotate(calc(var(--index) * -360deg / var(--total)));transition:transform .3s ease}.circular-item img{width:100%;height:100%;object-fit:contain;border-radius:50%}.circular-item.hovered{transform:scale(1.2)}@media (max-width: 768px){.circular-container{width:300px;height:300px}.circular-item{width:60px;height:60px;transform:rotate(calc(var(--index) * 360deg / var(--total))) translate(120px) rotate(calc(var(--index) * -360deg / var(--total)))}.circular-item.hovered{width:80px;height:80px}}@media (max-width: 480px){.circular-container{width:200px;height:200px}.circular-item{width:40px;height:40px;transform:rotate(calc(var(--index) * 360deg / var(--total))) translate(80px) rotate(calc(var(--index) * -360deg / var(--total)))}.circular-item.hovered{width:60px;height:60px}}