@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap);:root{--black:#000;--white:#fff;--lightgrey:#dcdcdc;--grey:grey;--pink:#faaab7}*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-size:16px;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ffe0e5;font-family:Roboto Mono,monospace}.happy-page{display:flex;flex-direction:column;margin:0 auto;overflow:hidden;width:375px}.card,.form{border:1px solid #000;border:1px solid var(--black);box-shadow:.4rem .4rem #000;box-shadow:.4rem .4rem var(--black);margin:1.5rem 1rem}.form{background-color:#dcdcdc;background-color:var(--lightgrey);padding:.5rem 1rem}.thought-input,.thought-length span{font-size:.8rem}.thought-input{margin:.3rem 0;padding:.3rem;resize:vertical;width:100%}.send-thought-button{background-color:#faaab7;background-color:var(--pink);border:none;border-radius:20px;cursor:pointer;margin:.5rem 0;padding:.3rem}.send-thought-button>span{font-family:Roboto Mono,monospace;font-size:.85em}.card{background-color:#fff;background-color:var(--white);flex-direction:column;overflow-wrap:break-word;padding:.7rem}.card,.card-bottom{display:flex;justify-content:space-between}.card-bottom{align-items:baseline;margin-top:1rem}.card-bottom p,.card-bottom span{color:grey;color:var(--grey);font-size:.8rem}.card-bottom-left,.heart-button{align-items:center;display:flex;justify-content:center}.heart-button{border:none;border-radius:50%;cursor:pointer;height:2rem;margin-right:.4rem;width:2rem}.lightgrey-background{background-color:#dcdcdc;background-color:var(--lightgrey)}.pink-background{background-color:#faaab7;background-color:var(--pink)}@media screen and (min-width:768px){.happy-page{width:600px}}@media screen and (min-width:992px){.card:hover{background-color:#faaab7;background-color:var(--pink)}}
/*# sourceMappingURL=main.c1efa73b.css.map*/