:root[data-theme=light]{--nav-color: #cbcbcb}:root[data-theme=dark]{--nav-color: #2e2f36}.Navbar{list-style-type:none;margin:0;padding:0;width:var(--percent-navbar);background-color:var(--fond2-color);overflow:auto;min-width:80px;position:fixed;height:100%;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}#name{text-align:center;font-size:2vw;font-style:normal;font-weight:700;line-height:normal;color:var(--main-color)}#resume{margin:auto 10% 30px;font-size:12px;font-style:normal;font-weight:400;line-height:normal;text-align:justify}.contact{display:flex;margin:65px auto auto;justify-content:space-between;width:75%;flex-wrap:wrap}.Navbar button{background-color:var(--special-color);border:none;border-radius:10px;margin:2.5px auto;padding:0;display:flex;place-items:center;color:var(--fond-color);outline:none;transition:outline .25s}.Navbar button:hover{cursor:grab;outline:3px solid var(--special-color)}.circle{border-radius:50px}svg{display:block;fill:var(--fond-color)}.Navbar button>span{display:block;font-size:15px;font-style:normal;font-weight:800;line-height:normal;margin-right:4px}button#contact>svg{display:none;stroke:var(--fond-color);fill:var(--special-color)}span#contact{text-align:center;text-shadow:0px 4px 4px rgba(0,0,0,.25);font-size:17px;font-style:normal;font-weight:600;line-height:normal;color:#000}button#contact{border-radius:10px;box-shadow:0 4px 4px #00000040;padding:5px;display:block}div>#title{margin-bottom:30px}a{display:block;color:var(--main-color, #212121);text-align:center;font-size:18px;font-style:normal;font-weight:750;line-height:normal}@media (max-width: 950px){.Navbar{display:none}:root{--percent-navbar: 0% !important}}.separator.little{height:1.5px;margin:15px auto}.nav-mode{display:flex;justify-content:center;margin-left:2px;font-size:13px;font-style:normal;font-weight:400;line-height:normal}.Navbar::-webkit-scrollbar{width:5px}.Navbar::-webkit-scrollbar-track{background:var(--fond2-color)}.Navbar::-webkit-scrollbar-thumb{background:var(--nav-color);border-radius:10px}.Navbar::-webkit-scrollbar-thumb:hover{background:#555}*{transition:none}body.loaded *{transition:color .11s,background-color .5s}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}:root[data-theme=light]{--special-color: #6284FF;--fond-color: #ECECEC;--fond2-color: #DEDEDE;--percent-navbar: 15%;--main-color: #000000}:root[data-theme=dark]{--special-color: #A5B8FD;--fond-color: #212121;--fond2-color: #37393F;--percent-navbar: 15%;--main-color: #ffffff}a{text-decoration:inherit}a:hover{color:var(--special-color)}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#root{width:100%;display:inline-flex}body{margin:0;padding:0;background-color:var(--fond-color);font-family:arial;color:var(--main-color)}html{scroll-behavior:smooth}.content{width:calc(100% - var(--percent-navbar));margin-left:var(--percent-navbar)}.separator{width:85%;height:3px;background-color:var(--special-color);margin:50px auto auto}.sectionTitle{display:inline-flex;margin:50px auto 50px 10%;align-items:center}.sectionTitle>div{width:6px;height:40px;background-color:var(--special-color);margin:auto}.sectionTitle>span{margin-left:5px;margin-right:5px;font-family:sans-serif;font-size:22px;font-style:normal;font-weight:700;line-height:normal}.sectionTitle.skillTitle{margin:auto;display:flex;justify-content:center}.sectionTitle.skillTitle>div{margin:0}#MobileMenu{display:none}#MobileMenu svg{width:50px;height:50px;display:block;position:absolute;left:15px;top:15px;z-index:10}#MobileMenu svg>path{fill:var(--main-color, #DEDEDE)}@media (max-width: 950px){#MobileMenu{display:block}}#space{height:50px}#footer{display:flex;justify-content:center;margin-bottom:10px}#footer>span{font-size:10px;display:inline-flex;align-items:center;margin-right:10px}:root[data-theme=light]{--switch-color: #000000}:root[data-theme=dark]{--switch-color: #c2c2c2}.react-switch-checkbox{height:0;width:0;visibility:hidden;display:none}.react-switch-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:50px;height:25px;background:var(--switch-color);border-radius:50px;position:relative;transition:background-color .2s}.react-switch-label .react-switch-button{content:"";position:absolute;top:1px;left:2px;width:22.5px;height:22.5px;border-radius:22.5px;transition:.2s;background:#fff;box-shadow:0 0 2px #0a0a0a4a}.react-switch-checkbox:checked+.react-switch-label .react-switch-button{left:calc(100% - 2px);transform:translate(-100%)}.react-switch-label:active .react-switch-button{width:30px}:root[data-theme=light]{--projet-fond:#DEDEDE}.Apropos{display:block;margin:auto;width:82%}*{box-sizing:border-box}:root[data-theme=dark]{--last-card-color: var(--special-color);--dot-color: #88A2FF;--last-text-color: #212121;--card-text-color: var(--main-color);--card-color: var(--fond2-color)}:root[data-theme=light]{--last-card-color: var(--special-color);--dot-color: #88A2FF;--last-text-color: #212121;--card-text-color: var(--main-color);--card-color: #D9D9D9}.box{overflow:hidden}.box ul{list-style-type:none;margin:0;padding:0;position:relative;top:0}.box ul:before{content:"";width:0;height:100%;border:1px dashed var(--card-text-color);position:absolute;top:0;left:50%}.box ul li{margin:20px 60px 60px;position:relative;padding:10px 20px;background:var(--card-color);color:var(--card-text-color);border-radius:10px;line-height:20px;width:35%}.box ul li:nth-child(odd){margin-left:auto;margin-right:calc(50% + 28.1px)}.box ul li:nth-child(even){margin-left:calc(50% + 30px)}.box ul li>span{content:"";display:block;width:0;height:100%;border:1px solid var(--main-color);position:absolute;top:0;left:-30px}.box ul li:nth-child(odd)>span{left:auto;right:-30px}.box ul li>span:before,.box ul li>span:after{content:"";display:block;width:10px;height:10px;border-radius:50%;background:#3B3B3B;border:2px solid var(--main-color);position:absolute;left:-7.5px}.box ul li>span:before{top:-10px}.box ul li>span:after{top:96%}.box ul li:nth-last-child(-n+1)>span:after{top:96%}.box .title{text-transform:uppercase;font-weight:700;margin-bottom:5px;text-align:center}.box .info:first-letter{text-transform:capitalize;line-height:1.7}.box .localisation{margin-top:10px;text-transform:capitalize;font-style:italic;text-align:right;margin-right:20px}.box .name{margin-top:5px;font-style:italic;text-align:left;font-size:13px}.box .info{margin-top:15px}.box .time span{position:absolute;left:-100px;color:var(--main-color);font-size:80%;font-weight:700;right:calc(100% + 40px);left:auto;width:100%;text-align:right}.box li:nth-child(odd) .time span{left:calc(100% + 40px);width:100%;text-align:left}.box li .time span:first-child{top:-13px}.box .time span{top:92%}.box li:first-child{background-color:var(--last-card-color)}.box ul li:nth-child(n+2)>span{border-color:var(--main-color);color:var(--main-color)}.box li:first-child>span,.box ul li:first-child>span:before,.box ul li:first-child>span:after{border-color:var(--last-card-color);background:var(--dot-color)}.box li:first-child .time>span{color:var(--last-card-color)}.box li:first-child>div{color:var(--last-text-color)}@media (max-width: 950px){.box ul li{width:45%}}@media (max-width: 950px){.box li:nth-child(odd) .time span,.box li:nth-child(even) .time span{left:calc(50% + 10px);text-align:left}.box li .time span:first-child{top:-16px}.box ul li:nth-child(odd)>span,.box ul li:nth-child(even)>span{left:auto;right:50%}.box ul li>span{height:115%;top:-9px;z-index:-1}.box .time span{top:100%}.box li .time span:first-child{top:-20px}.box ul:before{left:49.8%;z-index:-2}.box ul li:nth-child(odd),.box ul li:nth-child(even){margin-left:auto;margin-right:auto}.box ul li{width:90%}}} :root[data-theme="light"]{--projet-fond:#DEDEDE}:root[data-theme=dark]{--projet-fond:#37393F}.project-card-box{display:flex;justify-content:center;align-items:center;gap:25px;flex-shrink:0;width:100%;overflow-wrap:normal;flex-wrap:wrap;align-items:flex-start;cursor:grab}#project-card-fond{width:45%;flex-shrink:0;border-radius:10px;background:var(--projet-fond, #DEDEDE);box-shadow:0 4px 5px #00000040;display:flex;padding:20px}.project-card-left{width:50%;display:block}.project-card-left>img{width:100%}.project-card-right{width:50%;padding-left:20px;display:block;margin:0;display:inline-flex;flex-direction:column}.project-card-right>p{color:var(--main-color);min-height:48px}.project-card-right>span{height:calc(80% - 20px);color:var(--main-color);overflow-wrap:break-word;font-size:12px;font-style:normal;font-weight:500}.project-tags{height:fit-content;display:flex;margin-top:auto;text-align:center;gap:10px;flex-wrap:wrap;justify-content:center;align-content:flex-end}.project-tag{border-radius:10px;color:#000;font-size:12px;font-style:normal;font-weight:800;line-height:normal;width:fit-content;background-color:var(--special-color);min-width:30px;padding:5px}@media (max-width: 1000px){.project-tags{display:none}}@media (max-width: 700px){#project-card-fond{width:90%}.project-tags{display:flex}}:root[data-theme=light]{--modal-back: rgba(0, 0, 0, .48)}:root[data-theme=dark]{--modal-back: rgba(0, 0, 0, .7)}.modalBackground{width:100vw;height:100vh;background-color:var(--modal-back);position:fixed;display:flex;justify-content:center;align-items:center;white-space:pre-line}.modalContainer{width:50%;height:fit-content;border-radius:12px;background-color:var(--projet-fond, #DEDEDE);box-shadow:#00000059 0 5px 15px;display:flex;flex-direction:column;padding:25px;max-height:90%;min-height:300px;overflow:hidden;overflow-y:auto}.modalContainer .title{display:inline-block;text-align:center;margin-top:10px}.titleCloseBtn{display:flex;justify-content:space-between}.titleCloseBtn>button{background-color:transparent;border:none;font-size:25px;cursor:pointer;margin-right:0;color:var(--main-color)}.titleCloseBtn>span{height:min-content;margin:auto 0;white-space:normal;font-size:22px}.modalContainer .primary{display:flex}.modalContainer .primary>span{margin-top:40px;margin-left:30px}.modalContainer .primary>img{display:flex;width:35%;height:100%}@media (max-width: 920px){.modalContainer .primary>img{display:none}.modalContainer .primary>span{margin-left:0}.modalContainer{width:90%}}.modalContainer .secondary{max-height:90%}.modalContainer .footer{flex:20%;display:flex;justify-content:center;align-items:center}.modalContainer .footer button{width:150px;height:45px;margin:10px;border:none;background-color:#6495ed;color:#fff;border-radius:8px;font-size:20px;cursor:pointer}#cancelBtn{background-color:#dc143c}.skills-box{display:flex;justify-content:center;margin:30px auto 70px;gap:5%;row-gap:50px;flex-shrink:0;width:80%;overflow-wrap:normal;flex-wrap:wrap;white-space:pre-line}#skill-one{width:30%;flex-shrink:0;//background: var(--projet-fond-day, #DEDEDE);display:block;transition:width .25s;text-align:center}#skill-one svg{display:block;margin:auto auto 10px;width:25%;transition:all .25s;height:fit-content}#skill-one svg>g{fill:var(--main-color, #DEDEDE);transition:fill .25s}#skill-one>h1{display:block;margin:auto;width:fit-content;font-size:18px;font-style:normal;font-weight:700;line-height:normal}#skill-one>span{display:block;margin:auto;width:fit-content;font-size:15px;font-style:normal;font-weight:500;line-height:normal}#skill-one:hover{width:30%;span,h1{color: var(--special-color);} svg {width: calc(25% + 5px); margin-bottom: 5px;}}@media (max-width: 950px){.skills-box{width:100%}}