.App{display:flex;align-items:center;justify-content:center;background-color:#fafafa;grid-gap:1rem;gap:1rem;padding-right:1rem}.App-header{background-color:#282c34;min-height:5vh;font-size:.5em;color:#fff;text-align:center}.App-header,.wrapper-class{width:100%;display:flex;align-items:center;justify-content:center}.wrapper-class{background-color:#fafafa;border:0;margin:0;padding:0}.editor-class{width:95%;padding:0 1rem;background-color:#fff;border-radius:25px;margin:.45rem 0}.toolbar-class{font-size:.8em;display:flex;width:13em;height:2.5em;overflow:hidden;border:0;margin:0;grid-gap:1em;gap:1em}.toolbar-class,.toolbar-class div{background-color:#fafafa;padding:0}.toolbar-class div{border-radius:3px;border:0;margin:.2em}*{margin:0;padding:0}.App{width:100%;height:0;font-family:sans-serif;text-align:center}.App h1{font-size:12px;margin-top:10px;text-shadow:2px 2px 10px #b4b3b3}.clock{display:flex;flex-direction:column;align-items:start}.clock span{color:transparent;animation:chgcolor 30s 10s infinite}@keyframes chgcolor{2%{color:#ff69b4}25%{color:#69ff82}75%{color:#8a69ff}to{color:#e78515}}