*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:Roboto,sans-serif;line-height:1.6}.container{margin:auto;padding:20px;width:80%}.navbar{background-color:#333;color:#fff;padding:20px 0}.navbar h1{display:inline}.navbar nav ul{float:right;list-style-type:none}.navbar nav ul li{display:inline;margin-left:20px}.navbar nav ul li a{color:#fff;font-weight:700;text-decoration:none}.hero-section{align-items:center;background-color:#f4f4f4;display:flex;justify-content:space-between;padding:50px 0}.hero-content{max-width:50%}.hero-image img{max-width:100%}.cta-btn{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;margin-top:20px;padding:10px 20px;text-decoration:none}.projects-section{padding:50px 0}.projects-grid{display:flex;flex-wrap:wrap;gap:30px}.project-item{background-color:#fff;box-shadow:0 4px 8px #0000001a;flex:1 1 45%;max-width:45%}.project-item img{border-radius:5px;margin-bottom:10px;max-width:100%}.project-item h3{color:#007bff;margin-bottom:10px}.navbar{align-items:center;background-color:#2c3e50;display:flex;justify-content:space-between;padding:15px 20px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.navbar{align-items:center;flex-direction:flex;font-size:12px;padding:3px}.nav-links,.navbar{-webkit-user-select:none;user-select:none}.nav-links{display:flex;list-style-type:none;margin:0;padding:0}.nav-links li{margin:0 4px}}.logo{color:#ecf0f1}.nav-links{display:flex;list-style-type:none;margin:0;padding:0;-webkit-user-select:none;user-select:none}.nav-links li{margin:0 15px}.nav-links a{color:#ecf0f1;font-weight:700;text-decoration:none}.nav-links a:hover{color:#e74c3c}.car-page{background:linear-gradient(to bottom right,#2a2b2c,#000)}.car-page,.landing-page{color:#000;text-align:center}.landing-page{background:linear-gradient(to bottom right,#a9a9a9,#3d4849);height:100vh;overflow-x:hidden;overflow-y:hidden;padding:0;touch-action:none;-webkit-user-select:none;user-select:none}@media (max-width:1200px){.location-container{font-size:14px;margin-left:1vh;margin-top:2vh;width:"auto"}.brake-container{margin-bottom:45px;margin-left:5px;margin-top:-25px;width:50%}.brake-label{font-size:1rem;font-weight:700;position:absolute;text-align:center;top:-45px}.gas-container{margin-bottom:45px;margin-left:5px;margin-top:-20px;width:50%}.gas-label{font-size:1rem;font-weight:700;position:absolute;text-align:center;top:-45px}.speed-container{font-size:14px;margin-right:1vh;margin-top:2vh;width:"auto"}.controls-container{width:40vw}.brake-pedal img{width:60%}.landing-page{-webkit-overflow-scrolling:touch;background:linear-gradient(to bottom right,#a9a9a9,#3d4849);color:#000;height:100vh;overflow-x:hidden;overflow-y:hidden;padding:0;position:relative;text-align:center;touch-action:none;-webkit-user-select:none;user-select:none}.render-section{position:sticky}}@media (min-width:1200px){.gas-container{margin-right:"5px";margin-top:"35px"}.brake-container{align-items:center;display:flex;flex-direction:column;height:auto;margin:15px 15px 25px;position:relative;width:15vw}.brake-label{font-size:1rem;font-weight:700;position:absolute;text-align:center;top:-10px}.gas-container{align-items:center;display:flex;flex-direction:column;height:auto;margin:15px 15px 25px;position:relative;width:15vw}.gas-label{font-size:1rem;font-weight:700;position:absolute;text-align:center;top:-10px}.location-container{margin-left:5vh}.location-container,.speed-container{font-size:18px;margin-top:5vh;width:"auto"}.speed-container{margin-right:5vh}.controls-container{width:10vw}.brake-pedal img{width:40%}.landing-page{background:linear-gradient(to bottom right,#a9a9a9,#3d4849);color:#000;height:100vh;overflow-x:hidden;overflow-y:hidden;padding:0;text-align:center;touch-action:none}.landing-page,.render-section{-webkit-user-select:none;user-select:none}.render-section{position:sticky;touch-action:auto}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.pressed{animation:pulse 1s ease-in-out infinite}.header{margin-bottom:50px}.headerL{margin-bottom:20px;margin-left:75px;text-align:left}.cta-button{background-color:#f7f7f7;border:none;border-radius:5px;color:#3b5998;font-weight:700;padding:15px 30px;text-decoration:none}.about,.projects{margin:50px 0}.project-list{display:flex;flex-wrap:wrap;justify-content:center}.project-item{background:#fff;border-radius:5px;box-shadow:0 2px 10px #0000001a;color:#333;margin:10px;padding:20px;width:200px}.about-image-container{align-items:flex-start;margin:10px 0}.about-me{flex:1 1;margin-right:20px;margin-top:0;text-align:left}.image-container{flex:1 1}.landing-image{border-radius:8px;height:auto;max-width:600px;width:100%}.mechanics-page{background-color:#f4f4f4;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#333;margin:auto;max-width:800px;overflow-y:auto;padding:20px}.title{color:#2c3e50;font-size:2.5em;margin-bottom:10px;padding-left:95px}.description{font-size:1.2em;line-height:1.8;margin:30px 30px 20px}.link{background-color:#3498db;border-radius:5px;color:#fff;display:inline-block;margin-top:20px;padding:10px 20px;text-decoration:none;transition:background-color .3s}.link:hover{background-color:#2980b9}.project-page{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:20px}.project-page h2{color:#333;font-size:2.5rem;margin-bottom:20px;text-align:center}.about-image-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:20px 0;width:100%}.about-me,.about-me2{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;flex:1 1 45%;font-size:1rem;line-height:1.6;margin:10px;padding:20px;text-align:left;transition:all .3s ease}.about-me2:hover,.about-me:hover{box-shadow:0 4px 20px #0003}.image-container{align-items:center;display:flex;flex:1 1 45%;justify-content:center}.project-image{border-radius:8px;max-width:500px;transition:all .3s ease;width:100%}.project-image:hover{transform:scale(1.05)}.about-image-container.reverse{flex-direction:row-reverse}@media (max-width:768px){.project-page{margin-left:10px;margin-right:10px;padding:10px}.about-image-container{align-items:center;flex-direction:column}.about-me,.about-me2{flex:1 1 90%;margin:10px 0}.image-container{flex:1 1 90%;margin:20px 0}.project-image{max-width:350px;width:50%}}@media (max-width:480px){.project-page{margin-left:10px;margin-right:10px;padding:10px}.about-me,.about-me2{font-size:14px}.project-image{max-width:250px;width:80%}.about-image-container{padding-left:10px;padding-right:10px}}.project-page h2{font-size:2em;margin-bottom:.5em;overflow-y:auto}.project-image{height:auto;margin-bottom:1em;margin-top:1em;max-width:100%}.project-image2{height:auto;width:400px}.project-page p{font-size:1.1em;line-height:1.6;margin-bottom:1em;overflow-y:auto}.projects-title{font-size:2em;margin-bottom:.5em;padding-left:20px}.projects-description{font-size:1.2em;line-height:1.6;margin-bottom:1em;max-width:600px;padding-left:20px}.projects-list{list-style-type:none;padding-left:30px}.project-item{cursor:pointer;margin-bottom:1em;padding-left:25px}.project-title{color:#333;font-size:1.2em;font-weight:700;padding-left:4px}.project-content{color:#555;font-size:1em;margin-top:.5em;padding-left:25px;transition:max-height .3s ease-in-out}.game-page{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;padding:20px}h1{font-size:2rem;text-align:center}.game-options,h1{margin-bottom:20px}.game-options{display:flex;gap:20px}.game-options select{cursor:pointer;font-size:1rem;padding:10px}.game-board{grid-gap:10px;display:grid;gap:10px;margin-bottom:20px}.game-board.tic-tac-toe{grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px)}.game-board.connect-four{grid-template-columns:repeat(7,60px);grid-template-rows:repeat(6,60px)}.cell,.row{display:flex}.cell{align-items:center;background-color:#f4f4f4;border:2px solid #ccc;cursor:pointer;font-size:2rem;font-weight:700;height:100%;justify-content:center;transition:background-color .3s ease;width:100%}.cell:hover{background-color:#e0e0e0}.status{color:#333;font-size:1.5rem;font-weight:700;margin-top:20px}.game-page select{border:1px solid #ccc;border-radius:5px;font-size:1.1rem;padding:8px}.game-options select:focus{border-color:#007bff}.game-board{margin-top:20px}body,html{height:100%;margin:0;overflow:hidden;padding:0}.earth-container{height:100vh;width:100vw}.button-container{left:10px;top:10px;z-index:1}button.active{background-color:#00f9}canvas{display:block;height:100%;width:100%}.header{left:10px;position:absolute;top:10px;z-index:10}button{background-color:#4caf50;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:5px;padding:10px 20px;text-align:center;text-decoration:none}button:hover{background-color:#45a049}.earth-container{display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.button-container{left:20px}.button-container,.legend{position:absolute;top:20px;z-index:10}.legend{align-items:center;background-color:#00000080;border-radius:5px;display:flex;flex-direction:column;left:350px;padding:10px}.color-bar-container{height:20px;width:300px}.legend-labels{color:#fff;display:flex;font-size:12px;justify-content:space-between;margin-top:5px;width:300px}.game-container{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;padding:20px}.game-container h1{font-size:2rem;margin-bottom:20px;text-align:center}.game-container input[type=file]{margin-bottom:20px}.game-container button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-right:10px;padding:10px 20px;transition:background-color .3s ease}.game-container button:hover{background-color:#2980b9}.game-container button:disabled{background-color:#ccc;cursor:not-allowed}.game-container canvas{border:1px solid #ccc;border-radius:8px;display:block;margin-top:20px;max-height:100vh;max-width:100vw}.predictions-container{margin-top:20px;text-align:left}.predictions-container h2{font-size:1.5rem;margin-bottom:10px}.predictions-container ul{list-style-type:none;padding:0}.predictions-container li{font-size:1rem;margin-bottom:5px}
/*# sourceMappingURL=main.b865ce93.css.map*/