*{margin:0;padding:0;box-sizing:border-box;font-family:"Outfit",sans-serif}img{display:block;max-width:100%}ul,li{list-style:none}button{border:0;background:rgba(0,0,0,0);cursor:pointer}body{background:#111628;color:#96a2b6;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.quote{width:100%;max-width:34rem;padding:.5rem;display:flex;gap:1.25rem;flex-direction:column;align-items:center;justify-content:center}.quote__card{width:100%;background:#212a3b url("/assets/imgs/bg-image-random-quote.svg") no-repeat top right/cover;padding:1rem .5rem;border-radius:1rem;display:flex;gap:1rem;flex-direction:column;align-items:center;justify-content:center}@media(min-width: 320px){.quote__card{padding:2rem}}.quote__card #author{color:#fff;font-weight:600;font-size:1.125rem}.quote__card #menuTags{display:flex;gap:.5rem;margin-bottom:1.25rem}.quote__card #menuTags .tag{font-size:.75rem;color:#6365e9;padding:.25rem;border:1px solid #6365e9;border-radius:1rem;font-weight:400;text-transform:capitalize}@media(min-width: 320px){.quote__card #menuTags .tag{padding:.25rem .625rem}}.quote__card #phrase{font-size:1.5rem;line-height:1.5;text-align:center}.quote__action{display:flex;align-items:center;justify-content:center;border:1px solid #4b5668;border-radius:1rem;margin-bottom:.5rem}.quote__action .action{flex:1;padding:.5rem 1rem;display:flex;align-items:center;justify-content:center;transition:background .3s;border-radius:inherit}.quote__action .action:hover,.quote__action .action:focus{background:#6365e9}.quote__action .action:first-child{border-right:1px solid #4b5668;border-top-right-radius:0;border-bottom-right-radius:0}.quote__action .action:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.quote__action .action svg{width:2rem;height:2rem}.quote__action .action:hover:first-child *,.quote__action .action:focus:first-child *{fill:#fff;stroke:#fff}.quote__action .action:hover svg>path,.quote__action .action:focus svg>path{stroke:#fff}#message{display:none;position:absolute;top:1rem;right:1rem;transition:.3s;padding:.75rem 1rem;border-radius:1rem;background:#6365e9}#message .text_message{font-weight:500;color:#fff}/*# sourceMappingURL=index.css.map */