:root{--primary-color: #e7bc71 !important;--accent-color: #9bbec7 !important;--text-color: #f3f3f3 !important;--background-color: #271535 !important;--background-card: #330033;--background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='557' height='557' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23404' stroke-width='4.4'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23505'%3E%3Ccircle cx='769' cy='229' r='8'/%3E%3Ccircle cx='539' cy='269' r='8'/%3E%3Ccircle cx='603' cy='493' r='8'/%3E%3Ccircle cx='731' cy='737' r='8'/%3E%3Ccircle cx='520' cy='660' r='8'/%3E%3Ccircle cx='309' cy='538' r='8'/%3E%3Ccircle cx='295' cy='764' r='8'/%3E%3Ccircle cx='40' cy='599' r='8'/%3E%3Ccircle cx='102' cy='382' r='8'/%3E%3Ccircle cx='127' cy='80' r='8'/%3E%3Ccircle cx='370' cy='105' r='8'/%3E%3Ccircle cx='578' cy='42' r='8'/%3E%3Ccircle cx='237' cy='261' r='8'/%3E%3Ccircle cx='390' cy='382' r='8'/%3E%3C/g%3E%3C/svg%3E") !important}body{background-color:var(--background-color) !important;color:var(--text-color) !important;font-family:"Roboto",sans-serif;line-height:1.6;padding:0;margin:0}.navbar{position:fixed;top:0;width:100%;z-index:1000}#accueil{padding-top:100px}@media(max-width: 768px){#accueil{padding-top:80px}}h1,.h1,h2,.h2,h3,.h3{font-family:"Montserrat",sans-serif;color:var(--primary-color) !important;font-weight:600;margin-bottom:1rem}h1,.h1{font-size:2.5rem}h2,.h2{font-size:2rem}h3,.h3{font-size:1.75rem}#burger{background-color:var(--background-color) !important;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.15);box-shadow:0 4px 8px rgba(0,0,0,.15)}.nav-link{color:var(--accent-color) !important;font-weight:700;font-size:1rem;-webkit-transition:color .3s ease,-webkit-transform .3s ease;transition:color .3s ease,-webkit-transform .3s ease;transition:color .3s ease,transform .3s ease;transition:color .3s ease,transform .3s ease,-webkit-transform .3s ease}.nav-link:hover{color:var(--primary-color) !important;-webkit-transform:scale(1.05);transform:scale(1.05)}section{background-color:rgba(231,188,113,.1) !important;padding:60px 0;border-radius:8px;margin-bottom:20px}.container{padding-left:1rem;padding-right:1rem}.button,.btn{background-color:var(--card-background) !important;color:var(--primary-color) !important;border:1px solid var(--primary-color) !important;padding:12px 24px;border-radius:6px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.2);box-shadow:0 4px 6px rgba(0,0,0,.2)}.button:hover,.btn:hover{background-color:var(--primary-color) !important;color:var(--background-color) !important;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 12px rgba(0,0,0,.3);box-shadow:0 6px 12px rgba(0,0,0,.3)}strong{color:var(--primary-color);font-weight:600 !important}#competences{background-color:rgba(231,188,113,.1) !important}#competences .icon{font-size:3.5rem;margin:0 auto 1rem}.icon.html{color:#e34f26 !important}.icon.css{color:#1572b6 !important}.icon.js{color:#f7df1e !important}.icon.bootstrap{color:#7952b3 !important}.icon.git{color:#f05032 !important}.icon.figma{color:#f24e1e !important}#competences .tech-name{margin-top:10px;font-size:1rem;text-align:center;color:var(--primary-color) !important}a{font-size:larger;font-weight:bold;color:var(--primary-color) !important;-webkit-transition:color .3s ease;transition:color .3s ease}a:hover{color:var(--text-color) !important}span{background-color:var(--primary-color) !important;color:var(--background-color) !important;padding:.2rem .4rem;border-radius:4px}.project-card{background-color:var(--card-background) !important;background-image:var(--background-image);border:1px solid var(--primary-color) !important;border-radius:12px;overflow:hidden;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.2);box-shadow:0 4px 8px rgba(0,0,0,.2);width:100%;max-width:300px}.project-card img{height:200px;-o-object-fit:cover;object-fit:cover;border-bottom:1px solid var(--primary-color) !important;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.project-card:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.project-card .card-body{padding:20px}.project-card .card-title{font-size:1.5rem;color:var(--primary-color) !important}.project-card .card-text{color:var(--text-color) !important;margin-bottom:1rem}.carousel-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.carousel-inner{padding-top:1rem}.contactContainer{border-radius:8px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1)}.contactContainer{margin:2rem auto;max-width:600px;padding:2rem;border:1px solid var(--primary-color);border-radius:10px;background-color:#3b2857;color:var(--text-color)}.contactContainer input,.contactContainer textarea{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid var(--primary-color);border-radius:5px;background:var(--background-color);color:var(--text-color)}.contactContainer button{padding:.75rem 1.5rem;background:var(--primary-color);color:var(--background-color);border:none;border-radius:5px;cursor:pointer;font-weight:bold;transition:background .3s ease}.contactContainer button:hover{background:var(--accent-color)}h1{color:var(--primary-color)}p{color:var(--text-color);font-style:italic}form fieldset{margin-top:1rem}form fieldset .form-check{display:flex;align-items:center;margin-bottom:.5rem}form fieldset .form-check .form-check-input{margin-right:.5rem;width:1rem;height:1rem}form fieldset .form-check .form-check-label{font-size:1rem}footer{background-color:var(--background-color) !important;padding:20px;text-align:center;color:var(--accent-color) !important;font-size:.9rem}footer a{color:var(--accent-color) !important;margin:0 10px;-webkit-transition:color .3s,-webkit-transform .3s;transition:color .3s,-webkit-transform .3s;transition:color .3s,transform .3s;transition:color .3s,transform .3s,-webkit-transform .3s}footer a:hover{color:var(--primary-color) !important;-webkit-transform:scale(1.1);transform:scale(1.1)}