@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@10..48,300;10..48,400;10..48,500;10..48,600;10..48,700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Bricolage Grotesque,sans-serif;background-color:#f5f5f5}.container{max-width:1200px;margin:0 auto;padding:0 15px}.header{display:flex;flex-direction:column;justify-content:center}.header a{text-decoration:none;color:#333;text-align:center;padding:10px}h2{font-size:40px;font-weight:700;text-align:center;margin:30px 0}.users{display:flex;flex-wrap:wrap;justify-content:space-between}.quotes-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;margin-top:30px}.quote{padding:15px;border-radius:5px;background-color:#fff;box-shadow:0 2px 5px #6868682e}.quote blockquote{font-size:18px;font-style:italic;margin-bottom:10px;text-align:justify}.quote blockquote:before{content:open-quote;font-weight:700}.quote blockquote:after{content:close-quote;font-weight:700}.quote .author{font-size:14px;color:#999}.install-btn{position:fixed;bottom:0;right:7px;margin:10px;width:40px;height:40px;border-radius:5px;background-color:#fff;box-shadow:0 2px 5px #6868682e;text-decoration:none;color:#333;font-size:14px;font-weight:700;cursor:pointer}.install-btn.hidden{display:none}.content{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:30px;justify-content:center}footer{text-align:center;margin:30px 0}@media screen and (max-width: 768px){.quotes-container{grid-template-columns:repeat(1,1fr);grid-gap:20px}}@media screen and (prefers-color-scheme: dark){body{background-color:#1e212b;color:#fff}.header a,body h2{color:#fff}.quote{background-color:#1e212b;border:.4px dashed #ffffff8a;color:#fff;box-shadow:0 2px 5px #6868682e,0 0 0 3px #1b262f}.quote .author{color:#ccc}.install-btn{background-color:#1e212b;color:#fff;box-shadow:0 2px 10px #6868682e,0 0 0 3px #1b262f}body footer a{color:#fff}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-to-left{0%{transform:translate(-4rem)}to{transform:translate(0)}}::view-transition-old(root){animation:fade-out .35s cubic-bezier(0,0,.2,1),slide-to-right .35s cubic-bezier(0,0,.2,1)}::view-transition-new(root){animation:fade-in .35s cubic-bezier(0,0,.2,1),slide-to-left .35s cubic-bezier(0,0,.2,1);mix-blend-mode:normal}