026g/Eating-Cake

1* {2 margin: 0;3 padding: 0;4 box-sizing: border-box;5}6 7body {8 font-family: Arial, sans-serif;9 margin: 0;10 padding: 0;11 background-color: #f5f5f5;12}13 14h1 {15 text-align: center;16 padding-top: 2rem;17 padding-bottom: 2rem;18 font-size: 2rem;19 font-weight: bold;20 background-color: #ffc107;21}22 23button {24 position: fixed;25 top: 50%;26 left: 50%;27 transform: translate(-50%, -50%);28 background-color: #dc3545;29 color: white;30 border: none;31 outline: none;32 padding: 1rem 2rem;33 font-size: 1.5rem;34 cursor: pointer;35 transition: all 0.3s ease-in-out;36}37 38button:hover {39 background-color: #ca253d;40}41 42button.eaten {43 background-color: #ffc107;44 color: black;45 font-weight: bold;46}47 48p {49 text-align: center;50 padding-top: 2rem;51 padding-bottom: 2rem;52 font-size: 1.5rem;53 font-weight: bold;54}55 56p.eaten {57 background-color: #ffc107;58 color: black;59 font-weight: bold;60}61 62#scene {63 width: 800px;64 height: 800px;65 background-color: #212121;66 margin: 2rem auto;67}