body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;justify-content:center;margin:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-container{box-sizing:border-box;margin:0 auto;padding:0 18px;width:400px}.form-card{background-color:#f0f0f0f3;border:1px solid #000;box-shadow:4px 4px #000;box-sizing:border-box;margin:20px 0;padding:15px}.head-thought{font-family:Courier New;font-size:15px;font-weight:700}textarea{border:none;box-sizing:border-box;color:#000;margin:15px 0 10px;padding:8px;resize:none;width:100%}.submitBtn{background-color:#ffadad;border:none;border-radius:50px;color:#380118;cursor:pointer;font-family:Courier New;font-size:12px;font-weight:700;margin-left:45px;padding:10px 20px}.heart{margin:8px}.img{margin:0 2px}.card{background-color:#fff;border:1px solid #000;box-shadow:4.5px 5px #000;box-sizing:border-box;font-weight:700;margin:18px 0;overflow-wrap:break-word;padding:10px 20px}.post-text{color:#000;font-family:Courier New;font-size:13px;margin:0;min-height:20px;padding:18px 0}.heartEmo:hover{cursor:pointer;font-size:18px}.hearts{background-color:#e2016a51;border:none;border-radius:50%;cursor:pointer;height:38px;margin-right:10px;width:38px}.likesBtn,.noLikesBtn{background-color:#ffacac;border:none;border-radius:55%;cursor:pointer;height:32px;margin-right:8px;width:32px}.noLikesBtn{background-color:#f3f3f3a4}.counter,.sum-hearts{margin:10px 0 0;position:absolute}.counter,.date,.sum-hearts{color:#7d7a7af3;font-size:12px;text-align:right}.date{float:right;position:relative}.loading-spinner{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:loadspinner;animation-name:loadspinner;-webkit-animation-timing-function:linear;animation-timing-function:linear;display:block;font-size:40px;height:40px;margin:30px auto;width:40px}@-webkit-keyframes loadspinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loadspinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (min-width:768px){.mainContainer{width:450px}}@media (min-width:1024px){.mainContainer{width:500px}}
/*# sourceMappingURL=main.74066542.css.map*/