@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@600&display=swap");@import url("https://fonts.googleapis.com/css2?family=Nosifer&display=swap");*{font-family:'Heebo', sans-serif}body{height:100vh;margin:0;overflow-x:hidden}#beforYouStart{width:30%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:120px;left:35%;margin:30px auto 50px auto;padding:15px;text-align:center;text-transform:capitalize;color:white;background-color:#0275d8;background-repeat:no-repeat;background-size:cover;border-radius:5px;z-index:4;display:none;opacity:0;transition:3s}#beforYouStart #buttocks{border:none;border-radius:5px;align-self:flex-end;margin:0;padding:5px 10px;background:#0275d8;color:white;text-align:center;box-shadow:2px 5px 5px #222}#beforYouStart #buttocks:focus{outline:none}#beforYouStart #buttocks:hover{border:none;box-shadow:none;color:black;background-color:white;transition:1s}#beforYouStart h2{margin-bottom:20px;border-bottom:1px solid #fff}.enForm{width:100%;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.enForm label{width:100%;margin-top:10px;font-size:1.1em}.enForm .inputGroup{width:100%;display:flex;justify-content:center;align-items:center;margin:5px auto 10px auto}.enForm .inputGroup input{width:40%;height:34px;margin:0 5px 0 0;padding:0;border:none;border-radius:5px;box-shadow:5px 5px 10px #222;text-align:center;transition:all 2s}.enForm .inputGroup input:hover{box-shadow:none;transition:2s}.enForm .inputGroup button{width:7%;margin:0}.enForm .inputGroup button:focus{outline:none}.enForm .inputGroup #whatDate{color:rgba(34,34,34,0.493)}.enForm button{margin:20px auto 30px auto;padding:5px;width:50%;border:none;border-radius:5px;color:white;background-color:#0275d8;box-shadow:1px 1px 1px 1px #222;transition:all 1s ease-in-out}.enForm button:hover{background-color:white;color:#222;transition:1s ease-in-out}#theNavbar{overflow:hidden;position:fixed;top:0;left:0;width:100vw;display:flex;justify-content:space-between;align-items:center;transition:0.6s;padding:40px 100px;z-index:2}#theNavbar.sticky{padding:5px 100px;background:#fff;box-shadow:1px 2px 10px #222222}#theNavbar.sticky .logo{color:#000;text-shadow:none}#theNavbar.sticky .logo a{color:#000}#theNavbar.sticky #horloge{color:#000;text-shadow:none}#theNavbar.sticky #hamburger{color:#222}#theNavbar.sticky ul{margin:0 auto}#theNavbar.sticky ul li a{color:#000;text-shadow:none}#theNavbar.sticky ul li a:hover{text-shadow:none;cursor:pointer}#theNavbar .logo{position:relative;font-weight:700;font-size:1.2rem;color:white;text-decoration:none;text-shadow:1px 1px 1px #222;text-transform:uppercase;letter-spacing:2px;transition:0.6s;font-family:'Heebo', sans-serif}#theNavbar .logo a{text-decoration:none;color:white}#theNavbar .hamburger{border:0;background-color:transparent;font-size:30px;visibility:hidden;color:yellow}#theNavbar ul{position:relative;display:flex;justify-content:center;align-items:center;list-style-type:none;margin:0 auto;padding:0}#theNavbar ul li{position:relative;list-style:none;margin:0 10px}#theNavbar ul li a{position:relative;font-family:'Heebo', sans-serif;font-size:1.2em;color:white;text-decoration:none;letter-spacing:2px;font-weight:500px;text-shadow:1px 1px 1px #222;transition:0.6s}#theNavbar ul li a:hover::after{transform:translateY(-15px);opacity:0.1;visibility:visible}#theNavbar ul li a:after{content:'-------';position:absolute;left:0;bottom:-18px;height:2px;width:100%;opacity:0;transition:transform 0.1s ease;visibility:hidden;text-align:center}#theNavbar ul li a:focus{outline:none}#theNavbar #horloge{color:white;text-align:center;font-family:'Heebo', sans-serif;font-size:1.2em;text-shadow:1px 1px 1px #222}#header{width:100%;height:110%;margin:0px 0 0 0;padding:5px 0 0 0;overflow-x:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url("../images/jake-weirick-Zu6wtAvLWgE-unsplash.jpg");background-repeat:no-repeat;background-size:100% 100%}#header .ontheroad{width:50%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}#header .ontheroad h1{font-family:'Heebo', sans-serif;font-size:80px;color:yellow;text-shadow:1px 1px 1px #222222}#thebuttons{width:inherit;display:flex;justify-content:space-between}#thebuttons #todolistAccess{border:none;border-radius:5px;text-transform:uppercase;box-shadow:5px 5px 10px #222;text-align:center}#thebuttons #todolistAccess a{text-decoration:none;color:yellow}#thebuttons #todolistAccess a:hover{color:white}#thebuttons #todolistAccess:hover{box-shadow:none}#thebuttons #giveStats{border:none;border-radius:5px;color:yellow;box-shadow:5px 5px 10px #222;text-align:center}#thebuttons #giveStats:hover{box-shadow:none;color:white}#stats{width:100%;height:100vh;background:#222222;margin-top:-20px;padding:50px}#stats h1{padding-top:30px;margin-bottom:20px;color:yellow;text-align:center}#stats #free-code-camp{color:white;text-decoration:none}#stats #free-code-camp:hover{color:green}#stats #cache-free-code-camp{width:60%;height:auto;display:none;flex-direction:row;background-color:#6C63FF;padding:5px;margin:-45px auto 0 auto;border-radius:15px;box-shadow:1px 1px 1px #222222;position:absolute;right:39%;z-index:6}#stats #cache-free-code-camp p{color:white;font-size:2em}#stats #cache-free-code-camp .row{justify-content:center}#stats #cache-free-code-camp #ulCacheCache{width:100%;height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto}#stats #cache-free-code-camp #ulCacheCache li{text-decoration:none;list-style-type:none;margin:5px}#stats #Youtube{color:white;text-decoration:none}#stats #Youtube:hover{color:yellow}#stats #js-tranverse{color:white;text-decoration:none}#stats #js-tranverse:hover{color:#c82333}#totalHoursExercices{color:white;text-decoration:none;font-size:24px;font-weight:bolder;height:auto;text-transform:capitalize}#statistics{width:100%;height:auto;background:#222222;margin:0 auto;padding-bottom:50px;color:#111111;font-weight:bold;display:flex;flex-direction:column;justify-content:center;align-items:center}#statistics h2{text-align:center}#statistics canvas{margin:0 auto;width:50%}#statistics .chart-container{position:relative;width:45vw;height:auto;margin:0 auto}#statistics .effectiveness{width:100%;height:auto;color:white}.left-right{width:100%;height:auto;display:flex;justify-content:center;align-items:center;margin:0 auto;padding:30px}.left-right div.container{border-radius:5px;width:60%;height:100%;margin:0 auto;color:white}.left-right div.container .aoasses{background:#222222}.left-right div.container p{font-size:24px;margin:5px auto;height:37px;border-radius:2px;text-align:left}.left-right .imagetainer{width:40%;height:auto;display:flex;justify-content:center;align-items:center}.left-right .imagetainer img{width:70%;height:auto}#reportCarouselContainer{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;padding:0}#reportCarouselContainer .slider{width:100%;height:100vh;overflow:hidden}#reportCarouselContainer .slider .slides{width:500%;height:100vh;display:flex}#reportCarouselContainer .slider .slides #radio1:checked ~ .first{margin-left:0}#reportCarouselContainer .slider .slides #radio1:checked ~ .navigation-auto auto-btn1{background:#6C63FF}#reportCarouselContainer .slider .slides #radio2:checked ~ .first{margin-left:-20%}#reportCarouselContainer .slider .slides #radio2:checked ~ .navigation-auto auto-btn2{background:#6C63FF}#reportCarouselContainer .slider .slides #radio3:checked ~ .first{margin-left:-40%}#reportCarouselContainer .slider .slides #radio3:checked ~ .navigation-auto auto-btn3{background:#6C63FF}#reportCarouselContainer .slider .slides #radio4:checked ~ .first{margin-left:-60%}#reportCarouselContainer .slider .slides #radio4:checked ~ .navigation-auto auto-btn4{background:#6C63FF}#reportCarouselContainer .slider .slides input{display:none}#reportCarouselContainer .slider .slides .slide{width:20%;transition:1s}#reportCarouselContainer .slider .slides .slide img{width:100%;height:100vh}#reportCarouselContainer .slider .slides .slide .report{position:absolute;z-index:1;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:-500px;color:#222;background:rgba(255,255,255,0.623);padding:10px 0}#reportCarouselContainer .slider .slides .slide .report p{font-size:21px;text-transform:uppercase}#reportCarouselContainer .slider .slides .navigation-auto{position:absolute;display:flex;width:100%;justify-content:center;margin-top:939px;right:-20px}#reportCarouselContainer .slider .slides .navigation-auto div{border:2px solid black;padding:5px;border-radius:10px;transition:2s}#reportCarouselContainer .slider .slides .navigation-auto div:not(last-child){margin-right:40px}#reportCarouselContainer .navigation-manual{position:absolute;width:100%;margin-top:-40px;display:flex;justify-content:center;align-items:flex-start}#reportCarouselContainer .navigation-manual .manual-btn{border:2px solid white;padding:5px;border-radius:10px;cursor:pointer;transition:1s}#reportCarouselContainer .navigation-manual .manual-btn:not(:last-child){margin-right:40px}#reportCarouselContainer .navigation-manual .manual-btn:hover{background-color:yellow}.histoire_de_JavaScript{width:100%;height:auto;border:none;text-align:justify;margin:0 auto;padding-top:100px;background:#eeeeee}.histoire_de_JavaScript h2.titre_histoire{width:100%;display:flex;justify-content:center;align-items:center;text-align:center;margin:0;color:#c82333}.histoire_de_JavaScript .left_right_story{display:flex;flex-direction:row;width:98%;margin:0 auto 10px auto;padding-top:15px}.histoire_de_JavaScript .left_right_story .images_story{height:auto;width:48%;padding-top:70px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.histoire_de_JavaScript .left_right_story .images_story img{width:90%}.histoire_de_JavaScript .left_right_story .writtings{width:48%;padding-top:70px}.histoire_de_JavaScript .left_right_story .writtings .writtings-title{display:flex;color:#c82333;font-weight:bolder;width:100%;margin:0 auto}.histoire_de_JavaScript .left_right_story .writtings .writtings-text{width:100%;display:flex;flex-wrap:wrap;padding:15px;height:auto;box-shadow:1px 2px 10px #222222;border-radius:15px}.histoire_de_JavaScript .left_right_story img.man-ipad{display:flex;align-self:center;margin:10px auto 0 auto}#date-hours{font-weight:bold;text-transform:uppercase}main{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.finishedandsaved{display:flex;justify-content:space-evenly;margin-bottom:50px}#finishing{width:330px;background-color:#c82333 !important;color:yellow;border:none}div#finished-courses.dropdown-menu.show{width:100%;text-align:left;margin:0 auto}#finished-courses p:hover{color:#007bff}.les-liens{display:flex;align-items:center;justify-content:center;width:100%;height:auto;margin:10px auto 60px auto;text-align:center;color:#c82333}#save-button{width:330px;background:#c82333;border:none;color:yellow}#liens-utiles{margin:50px auto 10px auto;padding:100px 0 0 0;width:100%;height:100vh;background-image:url("../images/gummy-chemistry-lab.png");background-size:contain}.btn-secondary{background-color:#222 !important}.les-dropdowns{display:flex;justify-content:space-evenly;flex-wrap:wrap}#dropdownMenuButton{width:350px;margin-bottom:50px}.dropdown-menu.show{padding:10px;width:350px;align-items:center}.learnEachElementTime{background-color:#22222280;color:white;font-weight:bolder;border-radius:15px;padding:6px;margin:1px 0 0 5px;width:50px;display:flex;align-self:flex-end}#totalJsBasicsHours{background-color:#222222;color:yellow;font-size:18px;font-weight:bolder;border-radius:5px;padding:10px;margin:0 0 0 20px;height:auto}.radio-links{display:flex;justify-content:center;font-size:12px}#coursesfinishings{width:100%;height:auto;background:black;display:flex;flex-wrap:wrap}.theStorage{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}#stocked{width:98%;height:auto;display:flex;flex-direction:row;background-color:#c82333;padding:20px 0 20px 20px;margin:0 auto;border-radius:15px;box-shadow:1px 1px 1px #222222;position:absolute;right:19px;z-index:2;animation-name:finished;animation-duration:1s;animation-timing-function:cubic-bezier(0.17, 0.67, 0.83, 0.67)}#stocked .row{justify-content:center}#stocked.fall{transform:translateY(8rem) rotateZ(20deg);opacity:0;transition:1s ease-in-out}@keyframes finished{from{right:-1000px}to{right:19px}}#stocked p{width:25%;margin:0 0 5px 0;display:flex;text-align:left;color:white}#stocked p:hover{color:#222}#theLab{padding-top:70px}#theLab .theLabTitle{width:100%;height:auto;text-align:center}#theLab #theLabMenu{width:20%;height:auto;margin:0 auto}#theLab #theLabMenu #theDropdowLabMenu{width:100%;height:auto;padding:5px;margin:0 auto;text-align:center}#theLab #theLabMenu #theDropdowLabMenu a{text-decoration:none;list-style-type:none}#theLab #theLabMenu #theDropdowLabMenu a:focus{outline:none}#theLab #theLabMenu #theLabButton{width:100%;margin:0 auto;border:none;background-color:#6C63FF;color:white}#theLab #theLabMenu #theLabButton:hover{border:none}#theLab #theLabMenu #theLabButton:active{border:none}#theLab #theLabMenu #theLabButton:focus{outline:none}#theLab #theLabContent{width:100%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:50px}#theLab #theLabContent .eachLabDiv{margin:20px auto}@media (max-width: 480px){#header{background-image:url("../images/ja-corie-maxwell-7YFr2ATVXSk-unsplash.jpg")}#header h1{text-align:center;padding:30px}#theNavbar{position:fixed;top:0;padding:15px}#theNavbar .hamburger{visibility:visible}#theNavbar .hamburger:focus{outline:none}#theNavbar #horloge{color:white;text-align:center;font-size:16px}#theNavbar p{margin-top:15px}#theNavbar ul{background-color:#222;box-shadow:0 3px 5px rgba(0,0,0,0.1);border:none;border-radius:15px;flex-direction:column;margin-top:20px;position:fixed;top:80px;left:2%;width:90vw;text-align:center;transform:translateX(120%);transition:transform 0.4s ease}#theNavbar ul.show{visibility:visible;transform:translateX(0)}#theNavbar ul li{margin:15px}#theNavbar ul li a{color:yellow}#stats{flex-direction:column;width:100%;height:auto}#stats h1{font-size:24px;text-transform:uppercase}#stats .left-right{flex-direction:column;padding:30px 10px 0 10px}#stats .left-right h2{font-size:24px}#stats .left-right #statistics{width:100%}#stats .left-right #statistics canvas{margin:0 auto;width:100%;height:100%}#stats .left-right #statistics .chart-container{position:relative;width:90vw;margin:0 auto;color:white}#stats .left-right #reports{width:100%;height:auto;margin:0 auto}#stats .left-right #reports h2{font-size:24px;text-align:center}#stats .left-right #reports p{font-size:14px;margin:15px auto 15px auto;border:none;color:#222;background-color:white;box-shadow:1px 1px 5px #222;text-align:center;padding:6px 0 6px 0}#stats .left-right #reports p a{color:#222}#reportCarouselContainer{display:none}}