@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}header{color:#1e2432;background-color:#e6f7ff;padding:2rem;border-radius:15px;box-shadow:#0000001a 0 10px 20px,#00000026 0 6px 6px}header h1{font-weight:600;font-size:4rem;letter-spacing:.3rem;padding:1rem;color:#e74c3c;text-align:center;text-transform:uppercase;background:linear-gradient(45deg,#e74c3c,#3498db);-webkit-background-clip:text;-webkit-text-fill-color:transparent}header form{display:flex;align-items:center;gap:1rem;margin-top:2rem;justify-content:center}header form input{font-size:2rem;padding:.8rem 1.2rem;border:2px solid #e74c3c;border-radius:5px;outline:none;transition:border-color .3s ease-in-out;background-color:#e6f7ff}header form input:focus{border-color:#3498db}header form button{font-size:1.2rem;font-weight:700;letter-spacing:.2em;padding:1rem 2rem;border-radius:50px;color:#fff;background-color:#e74c3c;border:none;cursor:pointer;transition:background .3s ease-in-out,transform .3s ease-in-out}header form button:hover{background:#d62c1a;transform:translateY(-5px);box-shadow:0 8px 15px #0003}header form button:active{transform:translateY(0);box-shadow:none}main{margin:2rem 0}main .coins{display:grid;grid-gap:1rem;grid-template-columns:repeat(4,1fr)}main .coins .coin{padding:1.5rem;border-radius:15px;background:#fff;color:#53627c;text-align:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:#00000026 0 4px 6px,#0000001a 0 1px 3px}main .coins .coin:hover{transform:translateY(-10px);box-shadow:#00000040 0 20px 40px}main .coins .coin .remove-icon{text-align:right}main .coins .coin .remove-icon .fa-window-close{color:#ff1e42;text-align:right;cursor:pointer;font-size:1.2rem;transition:color .3s ease}main .coins .coin .remove-icon .fa-window-close:hover{color:#ea0025}main .coins .coin .coin-name{margin-top:1rem;font-size:1.5rem;font-weight:700;color:#1e2432}main .coins .coin .coin-name sup{font-size:.6em;padding:.3em .8em;border-radius:30px;color:#fff;background:#ff8c00}main .coins .coin .coin-temp{font-size:2rem;font-weight:700;margin-top:1rem;color:#1e2432}main .coins .coin figure{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}main .coins .coin figure img{width:120px;height:auto;border-radius:50%;border:3px solid #1e2432;background-color:#e6f7ff;padding:.5rem;transition:transform .3s ease}main .coins .coin figure img:hover{transform:scale(1.1)}main .coins .coin figure figcaption{font-size:1.2rem;font-weight:700;letter-spacing:.05em;color:inherit}main .coins .coin figure figcaption i{margin-right:.5rem;font-size:1.2rem}main .coin-icon{margin-top:1rem;width:100px;height:100px;border-radius:50%}footer{display:flex;justify-content:flex-end;align-items:center;padding:1.5rem 2rem;background-color:#2c3e50;border-top:2px solid #e74c3c;border-radius:0 0 10px 10px;box-shadow:#0000001a 0 -10px 20px,#00000026 0 -6px 6px;font-size:1rem;color:#fff}footer small{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#fff}footer small span{color:#ff1e42;font-size:1.2rem;font-weight:700;display:inline-block;transition:color .3s ease-in-out}footer small span:hover{color:#ff516d}@media screen and (max-width: 1000px){main .coins{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 700px){header h1{font-size:3rem}header form{flex-direction:column}header form button,header form input{width:100%}main .coins{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 400px){main .coins{grid-template-columns:repeat(1,1fr)}}a{color:#e74c3c;text-decoration:none;transition:color .3s ease-in-out}button{cursor:pointer;border:none;background:#e74c3c;color:#fff;border-radius:5px;padding:.5rem 1rem;font-size:1rem;font-weight:600;text-transform:uppercase;transition:background .3s ease,transform .3s ease}button:hover{background:#3498db;transform:scale(1.05)}button,input{border:none;background:none;outline:none;color:inherit}img{display:block;max-width:100%;height:auto}ul{list-style:none;padding:0;margin:0}body{font:1rem Roboto,sans-serif;background:#9cccf3;color:#1e2432;line-height:1.6}.container{width:100%;max-width:1200px;margin:0 auto;padding:1rem}