@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;800&family=VT323&display=swap);:root{--primary:#12bca2;--secondary:#6d15df}body,h1,h2,h3{margin:0}body{background:#f2f2f2;color:#333;font-family:Poppins}nav{background:#12bca2;background:var(--primary);padding:10px 20px;text-align:center}nav a{color:#f2f2f2;display:inline-block;margin:10px}nav h1{color:#fff}.page{margin:20px auto;max-width:1200px;padding:20px}.smoothie-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr 1fr;margin-top:40px}.smoothie-card{background:#fff;border-radius:6px;box-sizing:border-box;padding:10px;position:relative;width:100%}.smoothie-card .rating{background:#6d15df;background:var(--secondary);border-radius:6px;color:#fff;height:0;line-height:0px;padding:20px 0;position:absolute;right:-10px;text-align:center;top:-10px;width:40px}form{background:#fff;border-radius:6px;margin:0 auto;max-width:480px;padding:20px}form input,form textarea{border:1px solid #ccc;box-sizing:border-box;display:block;margin:10px 0 20px;padding:6px;width:100%}form button{background:#12bca2;background:var(--primary);border:0;border-radius:6px;color:#fff;cursor:pointer;font-family:Poppins;padding:6px 8px}.smoothie-card .buttons{text-align:right}.smoothie-card i{background:#eee;border-radius:50%;color:#bbb;cursor:pointer;font-size:1.2em;margin-left:10px;padding:6px}.order-by button{background:#12bca2;background:var(--primary);border:0;border-radius:6px;color:#fff;cursor:pointer;font-family:Poppins;margin-right:10px;padding:4px 8px}.timestamp{color:#666;font-size:.8rem;margin-top:8px}@media (max-width:768px){nav{padding:20px 10px}nav h1{font-size:1.5rem}nav a{display:block;font-size:1.1rem;margin:8px 0}.page{padding:10px}.smoothie-grid{gap:20px;grid-template-columns:1fr}form{width:90%}.smoothie-card,form{padding:15px}.order-by{display:flex;flex-direction:column;gap:10px}.order-by button{width:100%}}
/*# sourceMappingURL=main.d2b96cf8.css.map*/