.header,body{background-color:transparent}#menu-icon,#menubutton,#theme-switch svg:last-child,.darkmode #theme-switch svg:first-child,label{display:none}#menu-icon,#menu-list a,body{color:var(--text-color)}#menu-list a:hover,.home-content h1,.home-content h2{color:var(--main-color)}.btn,h1,h2,h3{font-weight:600}#menu-list a,.card-langage p,.home-content p{font-weight:500}.langage-content,.projets-card{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.projets-item p,html{letter-spacing:.05rem}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style-type:none;border:none;outline:0;scroll-behavior:smooth;font-family:'Poppins',sans;}html{font-size:60%;overflow-x:hidden}h1,h2,h3{font-family:"Red rose",serif}:root{--bg-color:hsl(158, 24%, 7%);--second-bg-color:hsl(156, 22%, 9%);--main-color:hsl(155, 70%, 60%);--text-color:hsl(155, 69%, 81%)}.darkmode{--bg-color:hsl(163, 45%, 92%);--second-bg-color:hsl(163, 36%, 82%);--main-color:hsl(178, 34%, 12%);--text-color:hsl(158, 24%, 7%)}h2{font-size:4rem;padding-bottom:10px}.tools h2,.projets h2,.contact h2{padding-bottom: 50px;}.header{position:fixed;width:100%;padding:1.3rem;backdrop-filter:blur(10px);z-index:100}#menu-icon{font-size:3.6rem}#menu-list,.btn-group{display: flex;flex-direction: row; justify-content: center;}.home,.nav{display:flex}.home{background-color: var(--bg-color); justify-content: center;}.logo{cursor:pointer;}#logo{height:75px;width:auto}.nav{justify-content:flex-start;align-items:center;gap:15rem}#menu-list{list-style:none;gap:40px}#menu-list svg{fill: var(--text-color);padding-right:1rem;height: 18px}#menu-list li{font-size:1.8rem;transition:.3s}#menu-list li:hover{transform:scale(1.2)}.darkmode #menu-list a{color: var(--main-color);}section{min-height:100vh;padding:10rem 10%}.home{align-items:center;gap:60px; text-align: center;}.home-content{display:flex;flex-direction:column}.home-content h1{font-size:5rem}.home-content p{font-size:1.6rem;line-height:1.8;color:var(--text-color)}.home-image img{width:20vw;height:auto;border-radius:50%;box-shadow:0 0 20px var(--main-color);transition:.4s ease-in-out;filter:contrast(1.3)}.social-icons a{display:inline-flex;justify-content:center;align-items:center;padding:0.5rem;background:0 0;border:2px solid var(--main-color);border-radius:50%;color:var(--main-color);margin:3rem .5rem;transition:.3s}.btn,.card-langage,.card-langage svg,.card-langage p,.projets-item{transition:.3s linear}.social-icons a:hover{color:var(--bg-color);background-color:var(--main-color);transform:scale(1.2) translateY(-5px);box-shadow:0 0 15px var(--main-color)}.social-icons svg{height: 30px;width: 30px;fill: var(--main-color)}.social-icons a:hover svg{fill: var(--bg-color)}.btn{display:inline-block;padding:1rem 3rem;background:var(--main-color);border-radius:3rem;font-size:1.8rem;color:#000;border:2px solid transparent}.card-langage,.card-langage svg{color:var(--text-color)}.darkmode .btn{color: var(--bg-color);}.darkmode .btn:hover{color: var(--text-color);background-color: var(--second-bg-color);}.card-langage:hover svg {fill: var(--bg-color);}.btn:hover{transform:scale(1.05);color:var(--text-color);background:var(--bg-color);border:2px solid var(--main-color);transform:scale(1) translateY(-3px);box-shadow:0 0 15px var(--main-color),0 0 30px var(--main-color)}.card-langage:hover,.card-langage:hover i{background-color:var(--text-color);transform:scale(1.1);color:var(--bg-color)}.tools{display:flex;flex-direction:column;text-align:center;background-color:var(--second-bg-color);gap:10px}.langage-content{display:grid;gap:30px;justify-content:center;margin:auto}.card-langage{display:flex;flex-direction:column;gap:15px;border:solid 2px var(--text-color);border-radius:12px;background-color:var(--bg-color);font-size:1.5rem;align-items:center;text-align:center;padding:2rem}.card-langage h4{text-transform:uppercase}.card-langage svg{display:inline-flex;justify-content:center;align-items:center;font-size:3.5rem;height:70px;width:70px;fill: var(--text-color);}.card-langage:hover{box-shadow:0 0 10px var(--text-color)}.form-contact input[type=submit]:hover,.projets-item:hover{box-shadow:0 0 10px var(--main-color);transform:scale(1.05)}.card-langage:hover i{border:2px solid var(--bg-color)}#theme-switch,.darkmode .form-contact input[type=submit],.form-contact input[type=submit]{background-color:var(--main-color)}#theme-switch{display:flex;justify-content:center;align-items:center;height:50px;width:50px;padding:0;border-radius:50%;position:fixed;top:20px;right:20px;z-index:1000;cursor:pointer}#input_text,.form-contact input[type=email],.form-contact input[type=submit],.form-contact input[type=text]{width:100%;padding:10px;font-size:1.5em;font-family:Poppins,sans-serif;font-weight:600}#theme-switch svg{fill:var(--bg-color)}.darkmode #theme-switch svg:last-child{display:block}.darkmode .darkmode .home-image img{filter:grayscale(.3)}.darkmode .logo{filter: grayscale(1) brightness(.1) contrast(1)}.projets{display:flex;flex-direction:column;text-align:center;justify-content:center;background:var(--bg-color)}.projets-card{display:grid;gap:40px}.contact,.projets-item{display:flex;flex-direction:column;background:var(--second-bg-color);text-align:center}.projets-item{justify-content:space-around;gap:30px;align-items:center;padding:3rem;border-radius:3em;border:solid 2px var(--text-color)}.projets-item:hover{background:var(--text-color);color:var(--main-color)}.projets-item:hover h3,.projets-item:hover p{color:var(--bg-color)}.projets-item h3{font-size:2rem;font-weight:600;color:var(--text-color)}.footer,.projets-item p{color:var(--text-color);font-size:1.5rem;font-weight:500}.projets-item img{width:80%;height:auto;border-radius:1.5em}.contact{align-items:center;justify-content:center}.footer,.form-contact{display:flex;padding:20px;background:var(--bg-color)}.form-contact{flex-direction:column;box-shadow:0 0 20px var(--main-color);align-items:center;gap:15px;border-radius:2em;min-width:40%}#input_text{border-radius:1em;height:200px}.form-contact input[type=email],.form-contact input[type=text]{max-width:100%;border-radius:1em}.form-contact input[type=submit]{width:50%;border-radius:2em;color:var(--bg-color);cursor:pointer;transition:.5s}.form-contact input[type=submit]:hover{background-color:var(--second-bg-color);color:var(--text-color)}.footer{flex-direction:column-reverse;text-align:center;gap:10px}@media (max-width:1024px){#menu-list,#menu-list li{padding:10px}#menu-list,#menubutton{position:absolute;left:50%;transform:translateX(-50%)}#menu-list{display:none;opacity:0;transition:opacity .5s ease-in-out;top:70px;background-color:var(--bg-color);border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1)}#menu-list.show{display:block;opacity:1}#menubutton svg{position:relative;top:2px;font-size:2rem;fill: var(--bg-color);cursor:pointer}#menubutton{display:block;top:20px;z-index:1000;justify-content:center;height:50px;width:50px;border-radius:10px;background-color:var(--main-color);cursor:pointer}#myVideo{width:100%;height:100%;object-fit:cover;object-position:center}}@media (max-width:768px){.home{position:relative;flex-direction:column-reverse;gap:5rem}.home-content{text-align:center;font-size:70%}.home-content h1{font-size:3rem}.home-content h2{font-size:2rem}.card-langage p,.home-content p,.projets-card p{font-size:1.3rem}.projets-item h3{font-size:1.5rem}.home-image img{width:25vw;height:auto;position:relative;top:30px}.social-icons a{font-size:2.5rem}.btn-group{flex-direction: column; justify-content: center; align-items: center;text-align: center;}.btn{padding:1rem 2rem}#logo{height: 70px;}}