html{scroll-behavior:smooth;overflow:hidden}body{background-color:#d3d3d3;display:flex;flex-direction:column;gap:10px;scroll-behavior:auto;height:100vh}.page1{width:100%;height:100vh}#theme{min-height:150px;margin-left:75%;margin-top:-150px;width:20%;display:flex;text-align:center;justify-content:center;overflow:hidden;font-size:.9em;text-shadow:0px 0px 8px white;padding:20px;cursor:pointer}#moon,#sun{transform:translateY(60px);filter:drop-shadow(10px 10px 10px white);cursor:pointer}#car,#carWithLamp,#carWithLamp3{width:80px;position:absolute;z-index:2;transition:.5s}#carWithLamp2{width:80px;position:absolute;z-index:6;transition:.1s}#carWithLamp3{z-index:5}#carBox{height:212px;width:80px;position:absolute;transform-origin:40px 143px}#car_container{height:212px;width:80px;position:absolute;transition:.3}.carButton>button{background-color:#8fbc8f;color:#f0f8ff;border:2px solid green;border-radius:5px;margin-top:25%;padding:3px;width:150px;transition:.1s}.carButton>button:active{background-color:#033903;transition:.1s}.car1{filter:drop-shadow(20px 20px 1px rgb(108,107,107,.6))}.car2{filter:drop-shadow(-20px -20px 1px rgb(108,107,107,.6))}.car3{filter:drop-shadow(-20px 20px 1px rgb(108,107,107,.6))}.car4{filter:drop-shadow(20px -20px 1px rgb(108,107,107,.6))}#button{background:lightcyan;width:120px;padding:5px;border-radius:5px;color:brown;font-size:1.3em;border:2px solid aqua}.red{background-color:pink!important}.carControl>button,.innerCarControl>button{border-radius:5px;background-color:#43bbbb;color:#f0f8ff;padding:8px;transition:.5s}.carControl>button:active,.innerCarControl>button:active{background-color:#164f4f;transition:.5s}.carButton{display:flex;justify-content:center}.carControl{display:grid;justify-content:center;gap:10px;justify-items:center}@media screen and (max-width:768px){#car_container{left:39%!important}.carControl>button,.innerCarControl>button{width:120px!important}.carButton>button{margin-top:75%}}