.flowers{position:absolute;pointer-events:none;animation:float 5s infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}:root{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}body{font-family:Arial,sans-serif}.App{display:flex;flex-direction:column;align-items:center;padding:30px}form,.thought-list{width:100%;max-width:500px;margin:20px 0}textarea{width:100%;padding:40px;font-size:1.2em;margin-bottom:10px}.character-counter{font-size:.9em;text-align:right;color:#555;margin-top:-10px;margin-bottom:10px}.button-send{display:flex;align-items:center;justify-content:center;padding:10px 20px;font-size:1em;background-color:#ff7675;color:#fff;border:none;cursor:pointer;border-radius:30px;gap:8px}button{display:flex;align-items:center;justify-content:center;padding:10px;font-size:1em;background-color:#ff7675;color:#fff;border:none;cursor:pointer;border-radius:30px;gap:4px}.thought-item{padding:15px;border:1px solid #b3afaf;margin-bottom:10px;border-radius:5px;box-shadow:4px 4px 8px #0003;max-width:100%}.thought-item.new-thought{background-color:#f0f0f0;animation:fadeOutBg 60s forwards}@keyframes fadeOutBg{0%{background-color:#f0f0f0}to{background-color:#fff}}.thought-footer{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;font-size:.8em}.thought-footer .like-counter{margin:5px 0;font-size:.8em}.date-time{margin-left:auto}.error{color:red;font-size:.8em}.logo{width:100%;height:auto;max-height:30px}textarea,button,.thought-item{color:#333}.like-button{display:flex;align-items:center;gap:4px}@media (max-width: 1400px){.App{padding:20px}.form-container,.thought-item{max-width:90%}textarea{padding:10px;font-size:1em}.button-send{font-size:1em;padding:8px 15px}}@media (max-width: 768px){.App{padding:10px}form,.thought-list{max-width:90%;margin:15px 0}textarea{padding:12px;font-size:1.1em}.button-send{font-size:.9em;padding:6px 12px}.thought-footer{font-size:.85em}}@media (max-width: 600px){:root{font-size:14px}.App{padding:5px}form,.thought-list{max-width:100%;padding:5px}.logo{max-height:35px;margin-bottom:5px}textarea{padding:10px;font-size:.9em}.button-send{padding:8px 12px;font-size:.9em}.thought-item{padding:10px;margin-bottom:8px}.thought-footer{font-size:.75em}}@media (max-width: 400px){:root{font-size:12px}.App{padding:5px}form,.thought-list{max-width:90%;padding:5px}.logo{max-height:30px;margin-bottom:5px}textarea{padding:8px;font-size:.85em}.button-send{padding:6px 10px;font-size:.8em}.thought-item{padding:8px;margin-bottom:6px}.thought-footer{font-size:.7em}}