:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--item_square_color: #83dbfd}html,body{margin:0;padding:0;height:100%}.main{margin:auto;width:80%;position:relative;z-index:1}.header{display:flex;flex-direction:column;align-items:center}.main h1{font-size:56px;margin:0 0 2%}.main img{height:110px}.main a{color:#ffadff}.bar{margin-top:2%;margin-bottom:2%;height:2px;background-color:#fff;width:100%}.nav_page_select{display:flex;justify-content:flex-start;gap:30px;flex-direction:column}.nav_page_select a{text-decoration:none;font-size:18px;transition:all .4s ease;width:fit-content}.nav_page_select a:hover{padding-left:20px}.nav_page_select button{position:relative;display:flex;justify-content:flex-start;align-items:center;padding-left:5%;border:none;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:700;height:45px;width:350px;font-size:large;box-shadow:0 0 10px #00000080;border-radius:5px;clip-path:polygon(0 0,95% 0,100% 50%,95% 100%,0 100%);background:linear-gradient(90deg,#1b5aab,#54e0f6);color:#fff;overflow:hidden;z-index:0;transition:color .4s ease}.nav_page_select button:hover{cursor:pointer}.nav_page_select button:before{content:"";position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,#6a0d32,#fc6eb2);transition:width .4s ease-in-out;z-index:1;border-radius:5px}.nav_page_select button:hover:before{width:100%}.nav_page_select button span{position:relative;z-index:2}.combo{display:flex;flex-direction:column;align-items:center}.perso{display:flex;justify-content:center;margin-top:2%;margin-bottom:2%;background-color:#b0c4de;width:200px;height:200px;border:4px solid darkslategray;align-items:center;border-radius:15px}.perso:hover{transform:scale(1.01);box-shadow:0 0 10px #0003}.vehicules{display:flex;flex-direction:row;width:60%;justify-content:space-around;margin-top:2%}.vehicules_parts{background-color:#b0c4de;width:200px;height:200px;border:4px solid darkslategray;border-radius:15px;display:flex;justify-content:center;align-items:center}.vehicules_parts:hover{transform:scale(1.01);box-shadow:0 0 10px #0003}.combo_random{display:flex;width:100%;margin-top:4%;padding-bottom:4%;align-items:center;justify-content:center}.random_button{background-color:#4da6ff;width:170px;height:45px;font-size:18px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:700;border:none;border-radius:5px;box-shadow:0 0 10px #0003;color:#fbfbfe}.random_button:hover{cursor:pointer;opacity:90%}.item{display:flex;justify-content:center;flex-wrap:wrap;margin-top:2%}.item_square{display:flex;justify-content:center;align-items:center;width:150px;height:150px;background-image:linear-gradient(180deg,#83dbfd,#4392d7);border:1px solid #83dbfd;box-shadow:0 8px 20px #0000004d;border-radius:8px;margin:1%}.item_square img{height:60%;width:60%;object-fit:contain}.item_random{display:flex;width:100%;margin-top:4%;padding-bottom:4%;align-items:center;justify-content:center}.item_random .random_button{margin-right:2%}.counter_label{background-color:azure;height:39px;font-size:18px;color:#000;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:700;border-color:#4da6ff;border-radius:5px;box-shadow:0 0 10px #0003;text-align:center}.reset_button{background-color:#da65fa;width:170px;height:45px;font-size:18px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:700;border:none;border-radius:5px;box-shadow:0 0 10px #0003;margin-left:4%;color:#fbfbfe}.reset_button:hover{cursor:pointer;opacity:90%}.themes_selection{display:flex;gap:20px;flex-direction:row;justify-content:center;padding-bottom:2%}.theme_button{background:linear-gradient(0deg,#6a0d32,#fc6eb2);width:170px;height:45px;font-size:18px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:700;border:none;border-radius:5px;box-shadow:0 0 10px #0003;color:#fbfbfe}.theme_button:hover{cursor:pointer;opacity:70%}.tracks_selection{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.button_random_track{margin-top:4%;width:170px;height:45px;font-size:18px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:700;border:none;border-radius:5px;box-shadow:0 0 10px #0003;background-image:linear-gradient(180deg,#83dbfd,#4392d7)}.button_random_track:hover{cursor:pointer;opacity:75%}