: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}*,*:before,*:after{box-sizing:border-box}body{font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#f4f4f4;padding:20px;overflow-x:hidden}form{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:800px;background-color:#ebebeb;padding:45px;border:1px solid;box-shadow:5px 5px #000,5px 5px 15px #000;margin-bottom:40px;box-sizing:border-box}input{padding:10px 10px 80px;width:100%;margin-bottom:20px;border:1px solid rgb(105,105,105);box-sizing:border-box;font-size:16px;text-align:left}input::placeholder{display:flex;font-size:16px;color:#7e7e7e;text-align:left;word-break:break-word;overflow-wrap:break-word;white-space:normal}button{padding:15px;border:none;background-color:#ffadae;color:#000;border-radius:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.3em;box-shadow:2px 2px 5px #0000004d}button:hover{transform:scale(1.1);box-shadow:0 5px 15px #0003}.thought{background-color:#fff;border:1px solid;padding:45px;margin-bottom:40px;width:100%;max-width:800px;box-shadow:5px 5px #000,5px 5px 15px #000;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.thought p{word-break:break-word;overflow-wrap:break-word;white-space:normal}.heart-button{background:none;border:none;background-color:#ebebeb;color:#ff4500;font-size:1.3em;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:50%;box-shadow:2px 2px 5px #0003}.heart-button:hover{background-color:#ffadaf;transform:scale(1.2);box-shadow:0 5px 15px #0003}.likes-count{font-size:1.2em;color:gray;margin-left:10px}.thought-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.thought-footer p{margin-left:auto;color:gray}img{width:20px;margin-right:5px}main{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.container{width:100%;max-width:600px;margin:0 auto;box-sizing:border-box}@media only screen and (max-width: 375px){form,.thought{max-width:100%}input::placeholder{font-size:14px}.likes-count{font-size:14px}.heart-button{margin-right:10px}.thought-footer p{margin-left:10px}}