@keyframes break-text-animation{0%{margin-right:2rem}50%{margin-right:10rem}to{margin-right:100rem}}.break-text{text-align:center;font-size:2rem;animation:break-text-animation}body{background:#000}*{margin:0;padding:0;box-sizing:border-box;font-size:1em;background:#000;color:#ff0;font-family:noto-sans}.clock-section{padding:1rem 2rem}.clock-section__clock-display{padding:1rem 2rem;display:flex;font-size:1rem;align-items:center;justify-content:center;gap:.5rem;border:2px solid yellow;border-radius:2rem}.clock-display__time{font-size:2.5rem;max-height:4rem}.clock-section__buttons{margin-top:1rem;display:flex;justify-content:center;align-items:center;gap:2rem}button{border:2px solid yellow;padding:.8rem;border-radius:2rem}button:hover{border-color:#fff;color:#fff}.todo-section{display:flex;align-items:center;flex-direction:column}.todo-container{max-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;overflow-y:auto;list-style:none;gap:1rem}#todoInput{border:2px solid yellow;padding:.8rem .5rem;width:100%;margin-bottom:1rem}.todo-item{display:flex;gap:2rem;background:#ff0;color:#fff;width:80%;padding:.5rem 1rem;border-radius:1rem;box-shadow:5px 5px #a9a9a9}.todo-item p{background:none;color:#a9a9a9}input::-webkit-input-placeholder{color:#a9a9a9}input::-moz-placeholder{color:#fff;opacity:.5rem}.iframe-section{flex-direction:column;gap:2rem;margin-top:3rem;display:flex;justify-content:center;align-items:center;width:100%;font-size:1.3rem}.iframe-section__container{width:70%}.hide{display:none}