body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#023f92;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font:1em/1.5 sans-serif;overflow-x:hidden}body,html{height:100%;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100%}.main-wrapper{height:100%;overflow-x:hidden;padding:20px 0 40px;position:relative}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.feed-container,.feed-wrapper{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:25px;justify-content:flex-start}.feed-container{-webkit-animation:fade-in 2s ease-in forwards;animation:fade-in 2s ease-in forwards}.card,.form-container{border:1px solid #023f92;border-radius:10px;box-shadow:7px 7px 0 0 #023f92;-webkit-box-shadow:7px 7px 0 0 #023f92;-moz-box-shadow:7px 7px 0 0 #023f92;overflow-wrap:break-word;padding:10px 20px 20px;width:400px}.blobSvg{left:50%;opacity:1;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:120%;z-index:-1}.form-container,.text-input{background:#f2f0f0}.text-input{border:none;border-radius:10px;box-shadow:inset 8px 8px 8px #cbced1,inset -8px -8px 8px #fff;box-sizing:border-box;font-family:Courier New,monospace;font-size:16px;margin:15px 0 0;padding:9px;resize:none;width:100%}.form-input{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.text-input.name{height:30px;margin-top:5px;max-width:182px}.text-input.name::-webkit-input-placeholder,.text-input::-webkit-input-placeholder{color:#ff3f31b8;font-family:Courier New,monospace;font-size:15px;font-size:16px;font-weight:500}.text-input.name::placeholder,.text-input::placeholder,select{color:#ff3f31b8;font-family:Courier New,monospace;font-size:15px;font-size:16px;font-weight:500}select{border:none;border-radius:10px;box-shadow:inset 12px 12px 16px 0 hsla(0,0%,100%,.3),inset -8px -8px 12px 0 rgba(0,0,0,.25);cursor:pointer;height:30px;margin-top:5px;max-width:168px;padding:0 4px}input:focus,select,select:focus{outline:none}h3{color:#023f92;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:18px;font-weight:900;margin:16px 0 5px}.form-details{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.form-details p{color:#023f92;font-size:14px;margin:0;text-align:right}.send-button{background:#ffb1a4;border:none;border-radius:20px;box-shadow:inset 10px 10px 14px 0 hsla(0,0%,100%,.3),inset -5px -5px 10px 0 rgba(0,0,0,.25);color:#023f92;cursor:pointer;font-family:Segoe UI,sans-serif;font-weight:500;padding:10px 15px}.send-button span{color:#023f92;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.send-button:hover{-webkit-animation:vibrate-1 .5s linear infinite both;animation:vibrate-1 .5s linear infinite both}@-webkit-keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}.send-button span{font-size:16px;padding:0 2px}.red-number,.red-text{color:#ff3f31}.details-count{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end}.card{background-color:#fff}.card-details{align-items:flex-end;display:flex;justify-content:space-between}.happy-message{color:#023f92;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:20px;font-weight:900;margin-top:10px}.heart-container{align-items:center;display:flex;gap:8px;height:40px}.heart-button{border:none;border-radius:50%;box-shadow:inset 10px 10px 14px 0 hsla(0,0%,100%,.3),inset -5px -5px 10px 0 rgba(0,0,0,.25);color:#afafaf;cursor:pointer;height:40px;width:40px}.heart-icon:hover{font-size:20px}.heart-button:hover{-webkit-animation:vibrate-1 .5s linear infinite both;animation:vibrate-1 .5s linear infinite both}.heart-active{background:#fe7f67;background:linear-gradient(0deg,#fe7f67,#fdd6cf);box-shadow:inset 10px 10px 14px 0 hsla(0,0%,100%,.3),inset -5px -5px 10px 0 rgba(0,0,0,.25)}.date{color:#afafaf;display:flex;flex-direction:column;font-size:14px;margin:0;max-width:156px;text-align:right}.span-blue{color:#023e92a1}.empasis{color:#ff3f31a1}.total-hearts{color:#023e92a1;font-size:14px}.is-loading:before{-webkit-animation-delay:1s;animation-delay:1s;bottom:0;top:auto}@media (min-width:700px){.feed-container{width:100%}}@media (max-width:900px){.blobSvg{height:120%;width:auto}}@media (max-width:500px){.card,.form-container{width:300px}select{max-width:107px}.text-input,select{background:#fff;border:1px solid #023f92}}@media (max-width:350px){.card,.form-container{width:240px}.send-button{margin-top:20px;max-width:159px}.form-details{align-items:flex-end}}
/*# sourceMappingURL=main.941942f9.css.map*/