:root{font-family:Inter,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}body{padding:0;margin:0;align-items:center}#game{display:flex;flex-direction:column;align-items:center}#sensorData{display:flex;flex-direction:row;align-items:center;justify-content:space-around;margin-bottom:10px}#playground{width:480px;height:200px;background-color:#333;border:2px solid rgb(102,102,102);overflow:hidden;margin-bottom:5px}#character{width:20px;height:50px;position:relative;top:150px;left:40px;background-color:gray}.animateCharacter{animation:jump .5s}@keyframes jump{0%{top:150px}45%{top:100px}55%{top:100px}to{top:150px}}#block{width:20px;height:20px;background-color:#724e4e;position:relative;top:130px;left:480px;display:none}.animateBlock{animation:move 1s infinite linear}@keyframes move{0%{left:480px}to{left:-40px}}#lose{color:red;font-weight:700;font-size:20px;position:relative;top:60px;left:190px}#start{background-color:#242424;color:#fff;border-radius:5px;border-color:#000;position:relative;margin:10px}#UI{display:flex;flex-direction:row;justify-content:space-around}.topnav{background-color:#333;overflow:hidden;margin-bottom:1vh;width:100vw}a{color:#c780e3}.topnav a{float:left;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px;transition-duration:.5s}.topnav a:hover{background-color:#ddd;color:#000}.topnav a.active{background-color:#3a723a;color:#fff}