.thought-list{list-style-type:none;display:flex;flex-direction:column;gap:30px;margin-top:30px;padding:0}.thought-display{width:500px;height:150px;padding-left:20px;padding-right:20px;border:1px solid black;box-sizing:border-box;overflow-x:hidden;box-shadow:7px 7px;position:relative}.info-like-container{margin-left:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:225px;position:absolute;bottom:10px;flex-wrap:wrap}.like-container{display:flex;gap:5px}.like-container button{width:55px;padding:15px;border:none;border-radius:100%;font-size:17px;background-color:#ededed}.like-container p{opacity:.6}.info-like-container button:hover{transition:.3s;background-color:#ff9696}.like-container.liked button{background-color:#ff9696;transform:scale(1.1)}.like-container button{cursor:pointer;transition:all .3s ease}.like-container.liked button:hover{background-color:#f77}.info-container{opacity:.6}@media (min-width:436px) and (max-width:550px){.thought-display{margin:0 auto;width:400px;height:150px;padding-top:0;padding-left:15px;padding-right:15px}.info-like-container{margin-top:10px;display:flex;gap:175px}.like-container button{width:45px;height:45px;padding:10px;font-size:13px}.like-container p{margin-top:17px;font-size:13px}.info-container{font-size:13px}}@media (max-width:435px){.thought-display{margin:0 auto;width:320px;height:120px;padding-top:0;padding-left:15px;padding-right:15px}.thought-display p{margin-top:14px;font-size:12px}.info-like-container{margin-top:10px;display:flex;gap:120px}.like-container button{margin-top:5px;width:36px;height:36px;padding:9px;font-size:13px}.like-container p{margin-top:17px;font-size:12px}.info-container{font-size:11px}}@media (min-width:300px) and (max-width:345px){.thought-display{width:300px;height:110px}.thought-display p{margin-top:14px;font-size:12px}.info-like-container{gap:100px}.like-container button{width:36px;height:34px;font-size:13px}.like-container p{margin-top:17px;font-size:13px}.info-container{margin-top:10px}}.post-container{background:#ededed;width:500px;height:200px;border:1px solid black;box-shadow:7px 7px;margin-top:30px}.question-container{width:100%;padding:5px}.question-container h1{margin-left:20px;font-size:17px}.input-container{text-align:center}.input-container input{width:90%;height:60px;font-size:16px;font-family:Inconsolata,monospace;font-weight:600}input::placeholder{font-size:16px;font-family:Inconsolata,monospace;font-weight:500}.button-error-container{display:flex;flex:row;justify-content:space-between}.button-error-container p{margin-right:30px;color:red}.post-container button{width:220px;padding:12px;margin:10px 10px 10px 20px;border:none;border-radius:20px;background-color:#ff9696;color:#000;font-size:15px}.post-container button:hover{box-shadow:0 0 13px #21212133;transition:.3s}@media (min-width:434px) and (max-width:550px){.post-container{width:400px;height:200px;margin-top:30px}.button-error-container p{margin-right:20px;font-size:13px}.post-container button{width:185px;height:45px;padding:10px;margin:10px 10px 10px 20px;font-size:13px}}@media (min-width:346px) and (max-width:435px){.post-container{width:330px;height:170px;margin-top:30px}.question-container h1{margin-left:10px;font-size:16px}.input-container input{width:90%;height:50px;font-size:13px}input::placeholder{font-size:13px}.button-error-container p{margin-right:15px;font-size:11px}.post-container button{width:173px;height:35px;padding:5px;margin:10px 10px 10px 15px;font-size:12px}}@media (min-width:315px) and (max-width:345px){.post-container{margin:30px auto 0;width:300px;height:160px}.question-container h1{margin-left:10px;font-size:15px}.input-container input{width:90%;height:50px;font-size:13px}input::placeholder{font-size:13px}.button-error-container p{margin-right:15px;font-size:12px}.post-container button{width:170px;height:33px;padding:5px;margin:10px 10px 10px 12px;font-size:11px}}: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}body{display:flex;justify-content:center;align-items:center;margin:0;font-family:Inconsolata,monospace;font-weight:600}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.roboto-light{font-family:Roboto,serif;font-weight:300;font-style:normal}