.app{display:flex;justify-content:center;align-items:center;min-height:100vh}.ControllerSection{padding:20px}.controller-body{width:700px;height:250px;border:4px solid blue;border-radius:120px;display:flex;background-color:#696969;justify-content:space-between;align-items:center;padding:40px 80px}button{background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.dpad{display:grid;grid-template-columns:60px 60px 60px;grid-template-rows:60px 60px 60px;gap:10px;background-color:#696969}.arrow{display:flex;justify-content:center;align-items:center;font-size:60px;font-weight:700;color:#00f;width:60px;height:60px;border-radius:10px}.up{grid-column:2;grid-row:1}.left{grid-column:1;grid-row:2}.right{grid-column:3;grid-row:2}.down{grid-column:2;grid-row:3}.buttons{display:flex;flex-direction:column;gap:40px}.btn{width:90px;height:90px;border-radius:50%;border:4px solid black}.yellow{background:gold}.red{background:red}button:active{transform:scale(.9);filter:brightness(.8)}button:focus-visible{outline:3px solid white}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}