body{background-color:#f5f5f5}.app-container{display:flex;flex-direction:column;background-color:var(--main-background);align-items:center;padding:1em;width:100%;max-width:600px;margin:0 auto;gap:2em}.submit-card-container,.card-container{display:flex;flex-direction:column;width:100%;align-items:start;gap:1.1em;box-shadow:var(--box-shadow);border:var(--container-border);border-radius:2px}.submit-card-container{background-color:var(--submit-background);padding:1em;position:relative}.submit-card-container h3{font-size:1rem;font-weight:500;margin:0}.submit-card-container form{width:100%}.add-message-input{width:70%;border:var(--input-box-border);padding:.5em;font-size:1rem;font-weight:500;width:100%;height:70px;font-family:var(--font-family-text)}.character-counter{margin:0;color:var(--hearts-counts-color);padding-left:.2em;font-size:.8rem;line-height:.8rem}.submit-button{display:flex;justify-content:center;align-items:center;color:#000;background-color:var(--submit-button-color);border-radius:30px;padding:1em;margin:.5em 0 .4em;font-family:var(--font-family-button);font-size:1.1rem;font-weight:500;border:none}.submit-button img{padding:0 .3em;width:35px}.error-msg{position:absolute;bottom:1em;left:3%;right:3%;background-color:var(--submit-button-color);box-shadow:var(--box-shadow);border:1px solid black;border-radius:2px;padding:.5em;font-weight:500}.card-list-container{display:flex;flex-direction:column;gap:1em;width:100%;align-items:center}.card-container{background-color:var(--card-background);margin-bottom:1em;padding:1em 1.2em}.popin{animation:popIn .25s ease}@keyframes popIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.card-container p{margin:.4em 0;font-family:var(--font-family-text);font-weight:500}.favorite-and-time-wrapper{display:flex;width:100%;justify-content:space-between;align-items:end}.favorite-and-time-wrapper p{margin:0;color:var(--timer-color)}.favorite-container{display:flex;justify-content:center;align-items:center;gap:.5em;color:var(--hearts-counts-color)}.favorite-button-wrapper{display:flex;align-items:center;border-radius:99px;background-color:var(--favorite-bg-color);padding:.8em;border:none}.favorite-button-wrapper img{width:30px}@media screen and (min-width: 768px){.submit-button{font-size:1rem;padding:1.2rem}.card-container,.submit-card-container{padding:1.8rem}.card-container p{font-size:1.1rem}}@media screen and (min-width: 1024px){.app-container{max-width:800px}.submit-card-container h3{font-size:1.2rem}.add-message-input{font-size:1.1rem}.favorite-button-wrapper:hover{transform:scale(1.1);transition:.7s;cursor:pointer}}.loading-container{display:flex;align-items:center;justify-content:center;flex:1;padding:0}.loading{display:inline-block;font-size:1rem;margin:0}.lds-default,.lds-default div{box-sizing:border-box}.loader-wrapper{transform:scale(.75);transform-origin:center}.lds-default{display:inline-block;position:relative;width:80px;height:80px;color:#6d6d6d}.lds-default div{position:absolute;width:6.4px;height:6.4px;background:currentColor;border-radius:50%;animation:lds-default 1.2s linear infinite}.lds-default div:nth-child(1){animation-delay:0s;top:36.8px;left:66.24px}.lds-default div:nth-child(2){animation-delay:-.1s;top:22.08px;left:62.29579px}.lds-default div:nth-child(3){animation-delay:-.2s;top:11.30421px;left:51.52px}.lds-default div:nth-child(4){animation-delay:-.3s;top:7.36px;left:36.8px}.lds-default div:nth-child(5){animation-delay:-.4s;top:11.30421px;left:22.08px}.lds-default div:nth-child(6){animation-delay:-.5s;top:22.08px;left:11.30421px}.lds-default div:nth-child(7){animation-delay:-.6s;top:36.8px;left:7.36px}.lds-default div:nth-child(8){animation-delay:-.7s;top:51.52px;left:11.30421px}.lds-default div:nth-child(9){animation-delay:-.8s;top:62.29579px;left:22.08px}.lds-default div:nth-child(10){animation-delay:-.9s;top:66.24px;left:36.8px}.lds-default div:nth-child(11){animation-delay:-1s;top:62.29579px;left:51.52px}.lds-default div:nth-child(12){animation-delay:-1.1s;top:51.52px;left:62.29579px}@keyframes lds-default{0%,20%,80%,to{transform:scale(1)}50%{transform:scale(1.5)}}*,*:before,*:after{box-sizing:border-box}:root{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-family-button: "DM Mono", monospace;--font-family-text: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--main-background: #ffffff;--box-shadow: rgb(0, 0, 0) 12px 12px 1px -4px;--container-border: 2px solid #6d6d6d;--submit-background: #f2f0f0;--input-box-border: 2px solid rgb(216, 216, 216);--submit-button-color: #ffadad;--card-background: #ffffff;--favorite-bg-color: #eaeaea;--timer-color: #cbcbcb;--hearts-counts-color: #949494}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}