body{margin:0;font-family:Arial,sans-serif;background-color:#000;color:#fff}.main-container{position:relative}.menu-button{position:fixed;top:10px;left:10px;background-color:#d3d3d3;color:navy;border:none;padding:10px;cursor:pointer;border-radius:5px;font-weight:700}.sidebar{position:fixed;top:0;left:0;height:100%;width:200px;background-color:#d3d3d380;display:flex;flex-direction:column;padding:20px}.sidebar a{color:#fff;text-decoration:none;margin:10px 0;background-color:#d3d3d3;padding:10px;border-radius:5px;text-align:center;border:none}.sidebar a:hover{background-color:#b0b0b0}.sidebar .description{margin-top:auto;text-align:center;padding-top:20px;color:navy}.projects-container,.about-container,.footer,.box,.contact-box,.link-tree,.home-container,.arrow-keys,.button-container{padding:20px;margin:0 auto}.image-container{display:flex;justify-content:center;margin-top:20px}.project-image{border:5px solid white;border-radius:10px;max-width:100%;height:auto}.content,.projects-content,.projects-content p,h1,h2,h3,h4,p{text-align:justify;margin:15px 0}h1,h3,h4{margin:10px}p{font-size:14px}.footer{background-color:#333;color:#f0f0f0;margin-top:20px;padding:10px;border-radius:5px;font-size:12px}.social-icon,.github-icon-background,.linkedin-img,.github-icon-background img{width:40px;height:40px}.github-icon-background{background-color:#fff;padding:5px;border-radius:5px;display:flex;align-items:center}body{margin:0;font-family:Arial,sans-serif;background-color:#000;color:#e0e0e0;text-align:center}.home-container{display:flex;flex-direction:column;align-items:center;padding:20px}.box{margin:20px auto;padding:20px;width:80%;max-width:600px;border:2px solid grey;border-radius:5px;color:#e0e0e0}.box.red{background-color:#8b0000}.box.green{background-color:#2b5737}.box.yellow{background-color:#8b6b18}h1,h2,h3,h4{margin:10px}h3{color:#f0f0f0}p{font-size:14px;text-align:justify}#name{font-size:2.5em;font-weight:700;margin-bottom:10px}#title{font-size:1.5em;margin-bottom:20px;border-bottom:2px solid #e0e0e0;padding-bottom:10px;width:100%}.box img{max-width:100%;max-height:200px;display:block;margin:0 auto 10px}.link-tree{margin-top:30px}h4{color:#fff;margin-bottom:20px}.social-links{display:flex;justify-content:center;gap:20px}.social-icon{width:40px;height:40px}.github-icon-background{background-color:#fff;padding:5px;border-radius:5px;display:flex;align-items:center;width:50px}.linkedin-icon{height:240px}.contact-box{margin-top:30px;padding:20px;border:2px solid grey;border-radius:10px;background-color:#1a1a1a;text-align:center;color:#e0e0e0}body{display:flex;justify-content:center;align-items:center;background-color:#000;flex-direction:column}canvas{border:8px solid grey;background-color:#000}h1,h2{color:#fff;text-align:center}.button-container{display:flex;justify-content:center;gap:10px;margin-top:10px}.start-button{background-color:green;color:#fff;padding:10px;cursor:pointer;border:none;border-radius:5px}.restart-button{background-color:red;color:#fff;padding:10px;cursor:pointer;border:none;border-radius:5px}.arrow-keys{display:flex;align-items:center;margin-top:10px;flex-direction:column}.arrow-horizontal{display:flex;justify-content:space-between;width:100px}.arrow-keys button{background-color:#fff;color:#000;padding:5px;margin:5px;cursor:pointer;border:1px solid #ccc;border-radius:5px;font-size:16px}.arrow-keys button:hover{background-color:#ddd}