@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@500;600&display=swap";body{margin:0;font-family:Inconsolata,-apple-system,monospace,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f4f8;display:flex;justify-content:center;padding:2rem 1rem}*{font-family:Inconsolata,monospace;margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.container{width:90vw;max-width:600px}h1{text-align:center;color:#000;margin-bottom:1.5rem}h2{font-size:16px;padding:10px}form{display:flex;flex-direction:column;gap:.2rem;background:rgb(227,225,225);padding:15px;box-shadow:7px 7px #000;margin-bottom:2rem;position:relative}textarea{width:95%;height:60px;font-family:Inconsolata,monospace;padding:10px;resize:none;border:1px solid #000;outline-color:#ffadad}textarea:focus{border-color:#ffadad;box-shadow:0 0 10px #ffadad99}.add-thought__word-count{font-size:12px;text-align:right;margin-top:5px;color:#555}.add-thought__word-count.red-text{color:red}button{border:none;font-size:16px;background:#ffadad;padding:10px 15px;margin-bottom:.5rem;cursor:pointer;transition:.2s;border-radius:15px;max-width:15rem;outline-color:#ffadad}button:hover{box-shadow:0 0 10px #ffadad99}button:active{background:rgba(255,173,173,.8)}.thought{background:white;padding:15px;width:100%;margin-bottom:1rem;border:1px solid #000;box-shadow:7px 7px #000;position:relative;word-wrap:break-word;display:flex;flex-direction:column;align-items:flex-start}.thought p{margin-bottom:10px}.thought button{border:none;font-size:16px;padding:10px 5px;cursor:pointer;outline-color:#ffadad;border-radius:50%;display:flex;align-items:center;justify-content:center}.thought button:hover{box-shadow:0 0 10px #ffadad99}.thought button:active{background:#ffadadcc}.error__popup__wrapper{background:#ffadad;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:300px;height:150px;text-align:center;box-shadow:7px 7px #000;z-index:2}.error__popup{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px}.error__btn{border:none;font-size:16px;background:#fff;padding:5px 15px;margin-top:15px;border-radius:25px}.error__btn:hover{cursor:pointer;box-shadow:0 0 10px #fff}.thought button{border:none;font-size:16px;padding:10px 5px;cursor:pointer;outline-color:#ffadad;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fff;transition:background-color .3s ease}.thought button.liked{background-color:#ffadad}@media (min-width: 561px){.container{width:70vw}form{padding:15px 20px 5px}textarea{width:90%}.thought{width:100%;padding:15px 20px 5px}.heart-counter__popup__wrapper{top:24vh;right:18vw}}@media (min-width: 769px){.container{width:600px}textarea{width:95%}.thought{width:100%}.heart-counter__popup__wrapper{top:22vh;right:18vw}}