.tag{border:.1rem solid var(--border);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:1rem;justify-content:center;align-items:center;padding:.5rem 2rem;font-size:1.6rem;display:flex}
header{background-color:var(--blur);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);width:100%;position:fixed}.menuIsOpen{left:0}.header-container{justify-content:space-between;align-items:center;max-width:120rem;margin:0 auto;padding:1.5rem 1rem;display:flex}.header-container .logo-close .logo{background-color:var(--secondary-color);width:4rem;height:4rem;color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;display:flex}.header-container .logo-close svg{display:none}.header-container nav a{color:var(--text-primary);margin-left:1rem;font-size:1.6rem;text-decoration:none;position:relative}.header-container nav a:after{content:"";background-color:var(--secondary-color);width:0;height:.2rem;transition:all .3s;position:absolute;bottom:-10%;left:0}.header-container nav a:hover:after{width:100%}.header-container svg{cursor:pointer;color:var(--text-primary)}main{width:100%;padding-top:6rem}main .header{display:none}#home{max-width:120rem;height:100vh;margin:0 auto;padding:0 1rem;display:flex}#home .left-side{justify-content:center;align-items:center;width:37.7rem;height:100%;display:flex}#home .left-side img{border-radius:1rem}#home .right-side{flex-direction:column;justify-content:center;width:82.3rem;height:100%;padding-left:1rem;display:flex}#home .right-side h1{color:var(--text-primary);margin-bottom:.5rem;font-size:3.2rem;font-weight:400}#home .right-side h2{color:var(--text-secondary);margin-bottom:1rem;font-size:2.2rem;font-weight:400}#home .right-side p{color:var(--text-primary);font-size:1.6rem}#home .right-side .links{justify-content:space-between;align-items:center;width:100%;margin-top:3rem;display:flex}#home .right-side .links .button{border:.1rem solid var(--text-secondary);cursor:pointer;width:12rem;height:4rem;color:var(--text-primary);background-color:#0000;border-radius:1rem;justify-content:center;align-items:center;font-size:1.6rem;text-decoration:none;transition:all .3s;display:flex}#home .right-side .links .button:hover{background-color:var(--secondary-color);color:var(--primary-color);border:0}#home .right-side .links svg{cursor:pointer;color:var(--text-primary);margin-left:1rem}#about{max-width:120rem;height:100vh;margin:0 auto;padding:6rem 1rem 0}#about .header{justify-content:center;align-items:center;width:100%;height:10%;display:flex}#about .content{max-width:60rem;height:90%;margin:0 auto}#about .content p{width:100%;color:var(--text-primary);margin-top:3rem;font-size:1.6rem}#about .content ul{margin:1rem 0 1rem 3rem}#about .content ul li{color:var(--text-primary);font-size:1.6rem}#knowledge{max-width:120rem;height:100vh;margin:0 auto;padding:6rem 1rem 0}#knowledge .header{justify-content:center;align-items:center;width:100%;height:10%;display:flex}#knowledge .content{justify-content:center;align-items:center;width:100%;height:90%;display:flex}#knowledge .content .icons{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:3.2rem;width:100%;max-width:90rem;display:grid}#knowledge .content .icons .icon{flex-direction:column;justify-content:center;align-items:center;margin-left:2rem;display:flex}#knowledge .content .icons .icon p{margin-top:.5rem;font-size:1.4rem}#experiences{max-width:120rem;height:100vh;margin:0 auto;padding:6rem 1rem 0}#experiences .header{justify-content:center;align-items:center;width:100%;height:10%;display:flex}#experiences .content{width:100%;height:90%}#experiences .content .card{border:.1rem solid var(--border);background-color:var(--bg-secondary);border-radius:1rem;flex-direction:column;justify-content:center;align-items:flex-end;max-width:64rem;height:18rem;margin:0 auto 3rem;padding:1rem;display:flex}#experiences .content .card .position{justify-content:space-between;align-items:center;width:70%;margin-bottom:1rem;display:flex}#experiences .content .card .position p{font-size:1.6rem}#experiences .content .card .position span{color:var(--text-secondary);font-size:1.4rem}#experiences .content .card .responsibility{width:70%}#experiences .content .card .responsibility ul li{color:var(--text-secondary);margin-left:3rem;font-size:1.4rem}#projects{max-width:120rem;min-height:100vh;margin:0 auto;padding:6rem 1rem 0}#projects .header{justify-content:center;align-items:center;width:100%;height:10vh;display:flex}#projects .content{width:100%;min-height:90vh}#projects .content .card{border:.1rem solid var(--border);border-radius:1rem;max-width:100rem;height:31.5rem;margin:0 auto 2rem;display:flex}#projects .content .card .image{justify-content:center;align-items:center;width:50%;height:100%;display:flex}#projects .content .card .image img{border-radius:1rem}#projects .content .card .informations{flex-direction:column;justify-content:space-between;align-items:flex-start;width:50%;height:100%;padding:1rem 0;display:flex}#projects .content .card .informations h2{margin-bottom:1rem;font-size:2.2rem}#projects .content .card .informations p{margin-bottom:1rem;font-size:1.6rem}#projects .content .card .informations .tags{grid-template-columns:repeat(3,1fr);gap:3rem 0;width:100%;display:grid}#projects .content .card .informations .tags .tag{width:10rem;height:2.5rem;padding:0;font-size:1.4rem}#projects .content .card .informations .button{border:.1rem solid var(--secondary-color);cursor:pointer;width:10rem;height:4rem;color:var(--text-primary);background-color:#0000;border-radius:1rem;justify-content:center;align-items:center;margin:0 auto;font-size:1.6rem;text-decoration:none;transition:all .3s;display:flex}#projects .content .card .informations .button:hover{background-color:var(--secondary-color);color:var(--primary-color);border:0}#contact{max-width:120rem;height:100vh;margin:0 auto;padding:6rem 1rem 0}#contact .header{justify-content:center;align-items:center;width:100%;height:10%;display:flex}#contact .content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:90%;display:flex}#contact .content p{color:var(--text-secondary);font-size:1.6rem}#contact .content .email,#contact .content .phone{color:var(--text-primary);justify-content:center;align-items:center;margin-bottom:1rem;font-size:2.2rem;display:flex}#contact .content .email svg,#contact .content .phone svg{margin:0 1rem}#contact .content .email .clipboard,#contact .content .phone .clipboard{cursor:pointer}#contact .content .email{margin-top:3rem}#contact .content .phone{margin-bottom:10rem}#contact .content .social-medias{margin-top:1rem}#contact .content .social-medias svg{cursor:pointer;color:var(--text-primary);margin-left:1rem}footer{justify-content:center;align-items:center;width:100%;height:6rem;padding:0 1rem;display:flex}footer p{color:var(--text-primary);font-size:1.4rem}footer p span{color:var(--text-secondary);text-decoration:underline}
@media screen and (max-width:920px){#projects .content .card .image img{width:35rem;height:20rem}}@media screen and (max-width:775px){#projects .content .card{width:50rem;height:auto;padding:1rem;display:block}#projects .content .card .image{width:100%;height:50%}#projects .content .card .image img{width:40rem;height:15rem}#projects .content .card .informations{width:100%;height:50%}#projects .content .card .informations .tags{margin-bottom:1rem}}@media screen and (max-width:600px){header{width:100%;height:100vh;transition:all .3s;left:-100%}header .header-container{flex-direction:column;width:100%;height:100vh}header .header-container .logo-close{justify-content:space-between;width:100%;display:flex}header .header-container .logo-close svg{display:inline}header .header-container nav{flex-direction:column;justify-content:center;width:100%;height:50vh;display:flex}header .header-container nav a{width:100%;margin:0;padding:1.5rem 1rem;transition:all .3s}header .header-container nav a:after{content:none}header .header-container nav a:hover{background-color:var(--secondary-color);color:var(--primary-color);border-radius:1rem}main{padding-top:0}main .header{width:100%;padding:1.5rem 1rem;display:block}main .header svg{cursor:pointer}}@media screen and (max-width:525px){#projects .content .card{width:40rem}}@media screen and (max-width:450px){#home .left-side{display:none}#home .right-side{width:100%}#projects .content .card{width:35rem}#projects .content .card .image img{width:30rem;height:15rem}}