*{box-sizing:border-box}body{margin:0;font-family:Unicode,Roboto,sans-serif;background-color:#e4e3de;overflow-x:hidden;width:100%}p{color:#1c1c1c;font-family:UnicodeT,Roboto,Times,serif,sans-serif;margin:2rem}h1{color:#1c1c1c;margin:0rem 0rem 0rem 2rem}h3{color:#1c1c1c;margin:1rem 0rem 0rem 2rem}img{width:17%;margin:2rem}#portfolioWaveform{display:flex;width:100%;font-family:Roboto,Geneva,Verdana,sans-serif;padding:1rem 2rem;background-color:#878787;color:#1c1c1c;font-size:2rem;text-decoration:none;position:relative;align-items:center}.floating-emoji{margin-left:1rem;font-size:3rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}#portfolioStudio{display:flex;width:100%;font-family:Roboto,Geneva,Verdana,sans-serif;padding:1rem 2rem;background-color:#bb487d;color:#1c1c1c;font-size:2rem;text-decoration:none}#portfolioEDC{display:flex;width:100%;font-family:Roboto,Geneva,Verdana,sans-serif;padding:1rem 2rem;background-color:orange;color:#1c1c1c;font-size:2rem;text-decoration:none}#portfolioSoundguys{display:flex;width:100%;font-family:Roboto,Geneva,Verdana,sans-serif;padding:1rem 2rem;background-color:#478eaa;color:#1c1c1c;font-size:2rem;text-decoration:none}#personalYouTube{display:flex;width:100%;font-family:Roboto,Geneva,Verdana,sans-serif;padding:1rem 2rem;background-color:#f05a22;color:#1c1c1c;font-size:2rem;text-decoration:none}#personalNewsletter{display:flex;width:100%;font-family:Roboto,Geneva,Verdana,sans-serif;padding:1rem 2rem;background-color:#f1f2f2;color:#1c1c1c;font-size:2rem;text-decoration:none}.navigation{position:fixed;top:1rem;right:1rem;z-index:1000}.hamburger{width:30px;height:25px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:1001;position:relative}.line{width:100%;height:4px;background-color:#1c1c1c;border-radius:2px;transition:all .3s ease-in-out}.line.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.line.open:nth-child(2){opacity:0}.line.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.menu{position:fixed;top:0;right:0;width:250px;height:100vh;background-color:#e4e3de;box-shadow:-2px 0 5px #0003;transform:translate(100%);transition:transform .3s ease-in-out;display:flex;justify-content:center;align-items:center}.menu.open{transform:translate(0)}.menu ul{list-style:none;padding:0;text-align:center}.menu li{margin:2rem 0}.menu a{text-decoration:none;color:#1c1c1c;font-size:1.5rem;font-family:Unicode,Roboto,sans-serif;font-weight:700}.snake-game-container{display:flex;flex-direction:column;align-items:center;margin-top:2rem;font-family:Roboto,sans-serif}.score-board{font-size:1.5rem;margin-bottom:1rem;color:#1c1c1c}.game-board{display:grid;grid-template-columns:repeat(20,20px);grid-template-rows:repeat(20,20px);background-color:#2c3e50;border:5px solid #34495e;position:relative}.cell{width:20px;height:20px}.cell.snake{background-color:#2ecc71;border-radius:2px}.cell.food{display:flex;justify-content:center;align-items:center}.game-over-overlay,.start-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.game-over-overlay button,.start-overlay button{padding:10px 20px;font-size:1.2rem;cursor:pointer;background-color:#2ecc71;border:none;color:#fff;border-radius:5px;margin-top:10px}.game-over-overlay button:hover,.start-overlay button:hover{background-color:#27ae60}.mobile-controls{display:none;flex-direction:column;align-items:center;margin-top:1rem}.horizontal-controls{display:flex;gap:1rem}.control-btn{background-color:#34495e;border:none;color:#fff;font-size:1.5rem;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;margin:.25rem;-webkit-user-select:none;user-select:none}.control-btn:active{background-color:#2c3e50}@media(max-width:768px){.mobile-controls{display:flex}}
