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