h1{font-size:2.5rem;text-align:center;font-weight:700;padding:5px 0;color:#e31b23;max-width:500px;margin:0 auto;line-height:1.1}.quote{font-size:1rem;line-height:1.1;text-align:center;font-weight:400;margin:0;color:#000}.smiling-heart-icon{display:flex;margin:0 auto;justify-content:center;padding:15px 0 0;max-width:70px;width:100%}.thought-form{max-width:500px;margin:20px auto 0;display:flex;flex-direction:column;align-items:center;width:100%;padding:10px;border:solid grey;background-color:#f2f0f0;border-width:thin;box-shadow:10px 5px #000}h2{font-weight:500;font-size:20px;margin:10px 110px 16px 0}.thought-form textarea{resize:none;padding:10px;margin:0 0 10px;max-width:450px;width:100%;box-sizing:border-box;font-size:16px}button{border-radius:20px;border:none;margin:10px 5px 15px;max-width:300px;padding:10px;background-color:#ffadad;color:#000;font-size:14px;font-weight:500;transition:transform .3s ease-out}button:hover{transform:scale(1.1)}.visually-hidden{display:none}.heart-container{display:flex;align-items:center}.heart-count{margin-left:5px}span{background-color:#eaeaea;border-radius:50%;padding:10px;margin-right:5px}span.liked{background-color:#ffadad;border-radius:50%;padding:10px;margin-right:5px}.thought-list{display:flex;flex-direction:column;max-width:500px;padding:10px;width:100%;margin:20px auto}.thought-message-box{display:flex;flex-direction:column;max-width:510px;padding:15px;border:1px solid #ccc;background-color:#fff;box-shadow:10px 5px #000;position:relative;word-wrap:break-word;overflow-wrap:break-word;overflow-x:auto;width:100%;margin-bottom:25px}.thought-message-box p{margin:7px 0;font-size:17px}.time-ago{position:absolute;bottom:10px;right:10px;font-size:12px;color:#3e3e3e;font-weight:500}*{font-family:Inconsolata;box-sizing:border-box}.loading-container{display:flex;justify-content:center;margin-top:20px;text-align:center}.loading-container h2{color:#e31b23;font-size:25px;font-weight:700}@media (max-width: 600px){.smiling-heart-icon{max-width:60px;padding-top:10px}.thought-list{max-width:95%}.thought-form{max-width:95%;padding:10px}.time-ago{font-size:10px}h1{font-size:2rem;max-width:80%}h2{font-size:1.3rem;margin:0;text-align:center;padding:10px 0;max-width:80%}.quote{font-size:.8rem;line-height:1.1}textarea{width:95%;max-width:95%;padding:10px;box-sizing:border-box;resize:none;overflow:auto;display:block;margin:0 auto}}: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}