@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Lexend+Deca&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#46dafb}body{font-family:Lexend Deca,sans-serif;font-size:16px}.app{position:absolute;top:0;left:0;bottom:0;right:0;display:grid;justify-content:center;align-items:center;padding:20px;color:var(--primary);background-color:var(--primary);transition:color .5s ease-out,background-color .5s ease-out}.app[data-theme=pink]{--primary:#ff9ef2}.app[data-theme=yellow]{--primary:#fec958}.app[data-theme=orange]{--primary:#fa9638}.app[data-theme=red]{--primary:#ff6b6b}.app[data-theme=blue]{--primary:#46dafb}.app[data-theme=green]{--primary:#1dd3a2}.app[data-theme=purple]{--primary:#5f27ce}.app[data-theme=gray]{--primary:#747c8b}.app[data-theme=black]{--primary:#2f3542}.loading{display:grid;grid-template-columns:repeat(8,1fr);justify-content:center;align-items:center;height:40px}.loading__element{height:0;width:4px;margin:3px;border-radius:5px;animation:loading .8s ease-in-out infinite}.loading__element:nth-child(2){animation-delay:.1s}.loading__element:nth-child(3){animation-delay:.2s}.loading__element:nth-child(4){animation-delay:.3s}.loading__element:nth-child(5){animation-delay:.4s}.loading__element:nth-child(6){animation-delay:.5s}.loading__element:nth-child(7){animation-delay:.6s}.loading__element:nth-child(8){animation-delay:.7s}@keyframes loading{0%{height:0}50%{height:40px;background-color:var(--primary)}to{height:0}}.card{padding:30px;max-width:600px;min-width:200px;width:100%;background:#f0fffa;border-radius:4px;transition:width .5s ease-in-out}.card__content{display:grid;margin-bottom:30px}.card__text{margin-bottom:30px;font-size:22px;text-align:center}.card__author{text-align:right}.card__buttons{display:grid;grid-template-columns:auto auto;justify-content:space-between}.btn{padding:8px 12px;font-weight:700;color:#f0fffa;background-color:var(--primary);border:none;border-radius:4px;transition:background-color .5s ease-out}.btn:hover{cursor:pointer}.footer{margin-top:15px;color:#f0fffa;text-align:center}svg{color:var(--primary);transition:color .5s ease-out}a{display:inline-block;text-decoration:none;color:inherit}a:hover{animation:bounce .8s ease-out}@keyframes bounce{15%{transform:translateY(-6px)}50%{transform:translateY(-8px)}65%{transform:translateY(-6px)}}
/*# sourceMappingURL=scss.2a7adef1.css.map */