@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap);body{font-family:Montserrat,sans-serif}:root{--error:#f55;--success:#8be9fd}[theme=dark]{--background:#282a36;--backgroundAlt:#1d1e26;--text:#f8f8f2}[theme=light]{--background:#f8f8f2;--backgroundAlt:transparent;--text:#282a36}.coffee{width:20px;height:24px;border:1px solid #fff;border-radius:0 0 5px 5px;position:relative;margin:36px auto}.coffee:after,.coffee:before{position:absolute;content:""}.coffee:after{width:5px;height:12px;border:1px solid #fff;border-left:none;border-radius:0 20px 20px 0;left:20px}.coffee:before{width:1px;height:6px;background-color:#fff;top:-10px;left:4px;box-shadow:5px 0 0 0 #fff,5px -5px 0 0 #fff,10px 0 0 0 #fff;-webkit-animation:steam 1s linear infinite alternate;animation:steam 1s linear infinite alternate}@-webkit-keyframes steam{0%{height:0}to{height:6px}}@keyframes steam{0%{height:0}to{height:6px}}.border-card{padding:.3rem;border-radius:2rem;background:linear-gradient(to right bottom,#80ffea,#8aff80);box-shadow:0 12px 30px rgba(138,255,128,.3)}.crypto-card{min-width:300px;min-height:200px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:2rem;background:var(--backgroundAlt);color:var(--text)}.crypto{font-weight:800;margin-bottom:5px}.price{font-size:25px}.percent{font-size:14px;position:absolute;top:10%;right:10%}.error{color:var(--error);opacity:.7}.error:after{content:"\2193";font-size:1rem}.success{color:var(--success)}.success:after{content:"\2191";font-size:1rem}.chart{position:relative;width:100%;max-width:700px}*{margin:0;padding:0;box-sizing:border-box}main{background:var(--background);height:100vh;display:flex;align-items:center;justify-content:space-around;padding:1rem;gap:2rem}@media (max-width:768px){main{min-height:100vh;flex-direction:column}}