@import"https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto Mono,monospace;width:100vw;margin:0 auto;overflow-x:hidden}.thought-container{border:1px solid black;padding:20px;margin:20px auto;box-shadow:7px 8px #000;max-width:450px;width:90%}.input-form{background-color:#cdc3c082;display:flex;flex-direction:column}form{display:flex;flex-direction:column;align-items:flex-start;width:100%}input[type=text]{width:100%;padding:20px;margin:20px 0;font-size:16px}ul,li{list-style:none;color:#828282;display:flex;justify-content:space-between}button{border:none;background-color:#cdc3c082;width:40px;height:40px;border-radius:50%;margin-right:10px;font-size:16px;cursor:pointer}.submit{border-radius:20px;width:100%;max-width:300px;padding:10px 20px;margin:10px 0}.liked{background-color:#da2c3d71;color:#000c;font-weight:550}.heart-container{display:flex;align-items:center}.thought-footer{display:flex;justify-content:space-between;align-items:center}.thought-message{margin-bottom:20px;font-size:16px;line-height:1.4;word-wrap:break-word}.char-counter{margin-bottom:10px}.error{color:red}@media (min-width: 768px){.thought-container{margin:30px auto}.submit{width:auto}.thought-message{font-size:18px}}@media (min-width: 1024px){.thought-container{margin:50px auto}.thought-message{font-size:20px}}@media (max-width: 480px){button{width:44px;height:44px}.thought-footer{flex-wrap:wrap;gap:10px}}: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}