@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--text-color-light: #252627;--text-color-dark: #fff9fb;--background-color-light: #fff9fb;--background-color-dark: #252627;--primary-color: #bb0a21;--primary-lighter-color: #bf3345;--secondary-color: #4b88a2;--tertiary-color: #eec643}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;scroll-behavior:smooth;background-color:var(--background-color-light);color:var(--text-color-light);padding:0 10rem}main{width:100%;min-height:50vh;z-index:1}.btn{display:inline-block;padding:.5rem 2rem;border-radius:8px;font-family:Space Mono,monospace;background-color:var(--primary-color);color:var(--background-color-light);text-decoration:none;cursor:pointer;align-self:flex-start;transition-duration:.3s}.btn:hover{box-shadow:3px 3px 0 0 var(--text-color-light)}.btn:active{box-shadow:1px 1px 0 0 var(--text-color-light) inset;transform:translate(2px,2px)}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem 1.5rem;border:3px solid var(--primary-color);border-radius:0 0 10px 10px;border-top:none;width:100%;font-family:Space Mono,monospace;background-color:var(--background-color-light);position:sticky;top:0;z-index:1000}header h1{font-size:1.7rem;font-weight:600}header h1 a{color:var(--text-color-light);text-decoration:none;transition-duration:.3s}header h1 a:hover{color:var(--primary-color)}.main-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem}.main-nav ul{display:flex;list-style-type:none;gap:2rem}.main-nav ul li a{color:var(--text-color-light);cursor:pointer;text-decoration:none;font-weight:700;transition-duration:.3s}.main-nav ul li a:hover,.main-nav ul li a.active{color:var(--primary-color)}.burger-menu{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;cursor:pointer;z-index:2000}.burger-menu span{display:block;height:3px;width:100%;background-color:var(--text-color-light);border-radius:3px;transition:all .3s ease}.accessibility{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:5px;margin-left:2rem}.accessibility button{background:none;border:2px solid var(--primary-color);border-radius:15px;width:40px;height:40px;padding:8px;cursor:pointer;transition:all .3s ease}.accessibility button svg{width:100%;height:100%;fill:var(--text-color-light);transition:fill .3s ease}.accessibility button:hover{background-color:var(--primary-color)}.accessibility button:hover svg{fill:var(--background-color-light)}.accessibility button.active{background-color:var(--primary-color);transform:scale(.95)}.accessibility button.active svg{fill:var(--background-color-light)}body.menu-open{overflow:hidden}body.menu-open .burger-menu span:nth-child(1){transform:translateY(8px) rotate(45deg)}body.menu-open .burger-menu span:nth-child(2){opacity:0}body.menu-open .burger-menu span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.container{display:flex;flex-direction:column;padding:1.5rem 2rem;margin:3rem 0;border:3px solid var(--primary-color);border-radius:10px;background-color:var(--background-color-light);min-height:100px;position:relative;z-index:2}.container h2{font-family:Space Mono,monospace;font-size:2rem}.container h3{font-family:Space Mono,monospace;font-size:1.5rem}.container p{font-size:1rem;line-height:1.5;margin-bottom:1rem;text-align:justify}.container .subtitle{font-size:1.3rem;font-family:Space Mono,monospace;font-weight:700;margin-bottom:.5rem}.container .subtitle:not(:first-child){margin-top:1rem}.container .list{margin-bottom:1rem}.container .list .list-item{list-style-position:inside;margin-left:1rem;margin-bottom:.5rem;line-height:1.4;text-align:justify}.container .list .no-dot{list-style-type:none;margin-bottom:1.5rem}.container .list .no-dot:last-child{margin-bottom:0}.container .list .main-list-item{text-decoration:underline;font-weight:500}.container .sub-list{margin-left:1rem;margin-top:10px}.container .img-container-old{display:flex;justify-content:center;align-items:center;margin-bottom:1.8rem;width:100%;height:auto}.container .img-container-old p{margin-right:1rem;margin-bottom:0}.container .img-container-old img{width:400px;height:auto;border-radius:8px}.container code{font-family:Space Mono,monospace;background-color:#f7080817;padding:0 .4rem;border-radius:4px;color:var(--text-color-light)}.container .function{margin:auto;display:inline-flex;width:fit-content}.container .link{color:var(--primary-color);text-decoration:underline}.inside{padding:1rem 1.5rem;margin:0 0 2rem;border:2px solid var(--primary-color);border-radius:6px}.inside:last-child{margin-bottom:1rem}.img-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:1rem;margin-bottom:1rem}.img-container img{width:100%;height:300px;transition:all .3s ease;object-fit:cover}.img-container img:hover{cursor:zoom-in}.img-container .img-frame{position:relative;overflow:hidden;border-radius:6px;transition:all .3s ease}.img-container .img-frame .legend{position:absolute;bottom:0;left:0;right:0;background-color:var(--primary-color);color:var(--text-color-dark);padding:.5rem;font-family:Space Mono,monospace;text-align:center}.img-container .img-frame:only-child{width:50%;margin:auto}.img-container .img-frame:hover{transform:scale(1.02)}.sub-title{background-color:var(--primary-color);color:var(--text-color-dark);min-height:0}.sommaire{margin-top:2rem}.sommaire ul{list-style-type:decimal;margin-left:2rem;display:flex;flex-direction:column;gap:1rem;font-family:Space Mono,monospace}.sommaire ul li a{color:var(--text-color-light);text-decoration:none;transition-duration:.3s}.sommaire ul li a:hover{text-decoration:underline}.container-title{display:inline-flex;justify-content:left;padding:.5rem 2rem;font-size:.8rem;border:3px solid var(--primary-color);border-radius:10px 10px 0 0;border-bottom:none;font-family:Space Mono,monospace;text-align:left;min-width:500px;background-color:var(--primary-color);color:var(--background-color-light)}.no-titled{margin-top:0;border-radius:0 10px 10px}.welcome-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;width:100%}.welcome-container .welcome-text{flex:1}.welcome-container .profile-image{width:200px;height:200px;flex-shrink:0;overflow:hidden;border-radius:50%}.welcome-container .profile-image img{width:100%;height:100%;object-fit:cover}.project-description{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.project-description p{flex:1;margin-right:1rem;text-align:justify}.project-description img{width:400px;height:auto;border-radius:8px}.project-description .indev-indicator{font-size:.8rem;font-family:Space Mono,monospace;padding:.2rem .5rem;background-color:var(--tertiary-color);color:var(--text-color-light);border-radius:4px}.container-technos{display:flex;align-items:center;flex-direction:row;gap:1rem}.container-technos .techno-icon{fill:var(--text-color-light);width:2rem}table{width:100%;margin:1rem 0;font-size:1rem;text-align:left;overflow:hidden;border-collapse:collapse;border-radius:4px}table th{background-color:var(--primary-color);color:var(--background-color-light);padding:1rem;font-family:Space Mono,monospace;border:1px solid var(--primary-color)}table td{padding:1rem;background-color:var(--background-color-light);color:var(--text-color-light)}table td:first-child{font-weight:700;border-right:1px solid var(--primary-color)}table tr{border-bottom:1px solid var(--primary-color)}table tr:nth-child(2n) td{background-color:#f7080817}table tr:last-child{border-bottom:none}.no-margin{margin:0!important}.no-margin-bottom{margin-bottom:0!important}hr{border:none;margin:.5rem 0}strong{font-weight:700}footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border:3px solid var(--primary-color);background-color:var(--background-color-light);border-radius:10px 10px 0 0;border-bottom:none;font-family:Space Mono,monospace}footer .container-socials{display:flex;justify-content:center;align-items:center;gap:1rem}footer .container-socials .social-icon{fill:var(--text-color-light);width:2rem;transition-duration:.3s}footer .container-socials .social-icon a{position:relative;display:flex;line-height:0}footer .container-socials .social-icon:hover{fill:var(--primary-color)}footer .credits{display:flex;flex-direction:row;align-items:center}footer .credits svg{width:.8rem;fill:var(--text-color-light);margin-right:10px}.reveal{opacity:0;transition:opacity .8s ease}.reveal.active{opacity:1}.typewriter{font-family:Space Mono,monospace;font-size:1.2rem;margin-top:.5rem;color:var(--primary-color)}body.dark-mode{background-color:var(--background-color-dark);color:var(--text-color-dark)}body.dark-mode header{background-color:var(--background-color-dark)}body.dark-mode header h1 a{color:var(--text-color-dark)}body.dark-mode header h1 a:hover{color:var(--primary-color)}body.dark-mode #typewriter{color:var(--text-color-dark)}body.dark-mode .burger-menu span{background-color:var(--text-color-dark)}body.dark-mode .darkModeToggle svg,body.dark-mode .contrastModeToggle svg{fill:var(--text-color-dark)}body.dark-mode .main-nav ul li a{color:var(--text-color-dark)}body.dark-mode .main-nav ul li a:hover,body.dark-mode .main-nav ul li a.active{color:var(--primary-color)}body.dark-mode .container{background-color:var(--background-color-dark);border-color:var --primary-color}body.dark-mode .container-title{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--text-color-dark)}body.dark-mode .dark-mode-toggle svg{fill:var(--text-color-dark)}body.dark-mode .dark-mode-toggle:hover svg{fill:var(--background-color-dark)}body.dark-mode footer{background-color:var(--background-color-dark)}body.dark-mode .credits svg{fill:var(--text-color-dark)}body.dark-mode footer .container-socials .social-icon{fill:var(--text-color-dark)}body.dark-mode footer .container-socials .social-icon:hover{fill:var(--primary-color)}body.dark-mode table{background-color:var(--background-color-dark)}body.dark-mode table td{color:var(--text-color-dark);background-color:var(--background-color-dark)}body.dark-mode table tr:nth-child(2n) td{background-color:#ff00001f}body.dark-mode table td:first-child{border-right:1px solid var(--text-color-dark)}body.dark-mode table tr:last-child{border-bottom:none}body.dark-mode table tr{border-bottom:1px solid var(--text-color-dark)}body.dark-mode .sommaire,body.dark-mode .sommaire ul,body.dark-mode .sommaire ul li a{color:var(--text-color-dark)}body.dark-mode code{color:var(--text-color-dark);background-color:#ea062187}body.contrast-mode{--text-color-light: #000;--text-color-dark: #fff;--background-color-light: #fff;--background-color-dark: #000;--primary-color: #000;--secondary-color: #000;--tertiary-color: #000;--grey-color: #414040;background-color:var(--background-color-light);color:var(--text-color-light)}body.contrast-mode *{color:var(--text-color-light)}body.contrast-mode header,body.contrast-mode .container,body.contrast-mode footer,body.contrast-mode .container-title{border-color:var(--primary-color)}body.contrast-mode .container-title h2{color:var(--background-color-light)}body.contrast-mode .sub-title{background-color:var(--background-color-light)}body.contrast-mode code{background-color:var(--background-color-dark);color:var(--background-color-light)}body.contrast-mode .indev-indicator{color:var(--text-color-dark)}body.contrast-mode .btn,body.contrast-mode .btn:hover{color:var(--background-color-light)}body.contrast-mode .darkModeToggle:hover,body.contrast-mode .contrastModeToggle:hover{background-color:var(--primary-color)}body.contrast-mode .darkModeToggle:hover svg,body.contrast-mode .contrastModeToggle:hover svg{fill:var(--background-color-light)}body.contrast-mode img{filter:grayscale(100%) contrast(120%)}body.contrast-mode a,body.contrast-mode .main-nav ul li a{color:var(--primary-color);fill:var(--primary-color);text-decoration:underline}body.contrast-mode a:hover,body.contrast-mode a.active,body.contrast-mode .main-nav ul li a:hover,body.contrast-mode .main-nav ul li a.active{color:var(--grey-color);fill:var(--grey-color)}body.contrast-mode svg,body.contrast-mode .darkModeToggle svg{fill:currentColor}body.contrast-mode .social-icon:hover svg{fill:var(--grey-color);transition-duration:.3s}body.contrast-mode table th{color:var(--background-color-light)}body.contrast-mode table tr:nth-child(2n) td{background-color:#00000015}body.contrast-mode.dark-mode{background-color:var(--background-color-dark);color:var(--text-color-dark)}body.contrast-mode.dark-mode *{color:var(--text-color-dark)}body.contrast-mode.dark-mode a,body.contrast-mode.dark-mode .main-nav ul li a,body.contrast-mode.dark-mode .social-icon{color:#fff;fill:#fff}body.contrast-mode.dark-mode a:hover,body.contrast-mode.dark-mode a.active,body.contrast-mode.dark-mode .main-nav ul li a:hover,body.contrast-mode.dark-mode .main-nav ul li a.active,body.contrast-mode.dark-mode .social-icon:hover,body.contrast-mode.dark-mode .social-icon.active{color:#ccc;fill:#ccc}body.contrast-mode.dark-mode code{background-color:var(--background-color-light);color:var(--background-color-dark)}body.contrast-mode.dark-mode header,body.contrast-mode.dark-mode .container,body.contrast-mode.dark-mode footer{background-color:#000;border-color:#fff}body.contrast-mode.dark-mode .container-title{border-color:var(--text-color-dark)}body.contrast-mode.dark-mode .darkModeToggle,body.contrast-mode.dark-mode .contrastModeToggle{background-color:#fff;color:#000;border-color:#fff}body.contrast-mode.dark-mode .darkModeToggle svg,body.contrast-mode.dark-mode .contrastModeToggle svg{fill:var(--primary-color)}body.contrast-mode.dark-mode .darkModeToggle:hover,body.contrast-mode.dark-mode .contrastModeToggle:hover{border-color:var(--grey-color);background-color:var(--grey-color)}body.contrast-mode.dark-mode .btn{color:var(--background-color-dark);background-color:var(--background-color-light)}body.contrast-mode.dark-mode .btn:hover{color:var(--grey-color)}body.contrast-mode.dark-mode .indev-indicator{background-color:var(--text-color-dark);color:var(--background-color-dark)}body.contrast-mode.dark-mode table th{color:var(--background-color-dark);background-color:var(--text-color-dark);border:1px solid var(--text-color-dark)}body.contrast-mode.dark-mode table td:first-child{border-right:1px solid var(--text-color-dark)}body.contrast-mode.dark-mode table tr:nth-child(2n) td{background-color:#00000015}@media screen and (max-width: 1024px){body{padding:0 5rem}header{flex-direction:row;justify-content:space-between;padding:1rem}header h1{font-size:1.5rem;margin-bottom:0}.burger-menu{display:flex}.main-nav{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--background-color-light);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;transform:translate(100%);transition:transform .3s ease;z-index:1000;width:100%}.main-nav ul{flex-direction:column;align-items:center;flex-wrap:nowrap;gap:2rem;margin-bottom:3rem}.main-nav ul li{font-size:1.1rem}.main-nav .accessibility{margin-left:0}body.menu-open .main-nav{transform:translate(0)}body.dark-mode .main-nav{background-color:var(--background-color-dark)}.container-title{min-width:auto;width:100%}.no-titled{border-radius:0 0 10px 10px}.project-description{flex-direction:column}.project-description img{width:100%;max-width:800px}.project-description p{margin-right:0}.btn{width:100%;text-align:center;margin-top:1rem}.btn:hover{box-shadow:none}.btn:active{box-shadow:none;transform:none}.img-container{flex-direction:column}.img-container p{margin-right:0!important;margin-bottom:1rem}.img-container img{width:100%!important;margin-top:2rem;max-width:800px}.img-container-old{flex-direction:column}.img-container-old p{margin-right:0!important;margin-bottom:1rem}.img-container-old img{width:100%!important;margin-top:2rem;max-width:800px}table{width:100%}table th,table td{padding:.8rem}}@media screen and (max-width: 768px){body{padding:0 1rem}header{flex-direction:row;justify-content:space-between;padding:1rem}header h1{margin-bottom:0;font-size:1.4rem}.welcome-container{flex-direction:column-reverse;text-align:center}.container{padding:1rem;min-height:auto}.container h2{font-size:1.5rem}.img-container{margin-bottom:1rem}.img-container img{max-width:100%}.img-container-old{margin-bottom:1rem}.img-container-old img{max-width:100%}footer{flex-direction:column;gap:1rem;text-align:center}table{font-size:.9rem}table th,table td{padding:.6rem}.img-container{grid-template-columns:1fr;gap:1rem}.img-container .img-frame:hover{transform:none;box-shadow:none}}@media screen and (max-width: 580px){table{border:0;border-radius:0}table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}table tr{display:block;margin-bottom:1rem;border:1px solid var(--primary-color)}table tr:nth-child(2n) td{background-color:var(--background-color-light)}table td{display:block;font-size:.9rem;position:relative}table td ul{display:flex;flex-direction:column;gap:.5rem;list-style-type:none}table td ul li{text-align:left}table td:before{content:attr(data-label);position:absolute;left:.6rem;width:40%;white-space:nowrap;text-align:left;font-weight:700}table tr{border-bottom:1px solid var(--primary-color)!important}table tr:last-child{border:1px solid var(--primary-color)}table td:first-child{background-color:var(--primary-color);color:var(--background-color-light);text-align:center;border-right:none;padding-left:.6rem}table tr:nth-child(2n) td:first-child{background-color:var(--primary-color)}body.dark-mode table tr:nth-child(2n) td:first-child{background-color:var(--primary-color);color:var(--text-color-dark)}body.dark-mode table tr:nth-child(2n) td{background-color:var(--background-color-dark)}body.dark-mode table td:first-child{background-color:var(--primary-color);color:var(--text-color-dark);border-right:none}body.contrast-mode table tr:nth-child(2n) td:first-child{background-color:var(--background-color-dark)!important;color:var(--text-color-dark)!important}body.contrast-mode table tr:nth-child(2n) td{background-color:var(--background-color-light)!important}body.contrast-mode.dark-mode table td:first-child{background-color:var(--background-color-light)!important;color:var(--text-color-light)!important}body.contrast-mode.dark-mode table tr:nth-child(2n) td:first-child{background-color:var(--background-color-light)!important;color:var(--text-color-light)!important}body.contrast-mode.dark-mode table tr:nth-child(2n) td{background-color:var(--background-color-dark)!important}}@media screen and (max-width: 480px){.main-nav ul{flex-direction:column;align-items:center;gap:.8rem}.container-title{padding:.5rem 1rem}.container{padding:1rem}.btn{width:100%;text-align:center;margin-top:1rem}}