*{margin:0;padding:0;box-sizing:border-box}header{color:#1e2432}header h1{font-weight:500;font-size:4rem;letter-spacing:.2rem;padding:1rem}header form{display:flex;align-items:center;gap:1rem;margin-top:1rem}header form input{font-size:2rem;padding:.5rem;border-bottom:1px solid}header form button{font-size:1rem;font-weight:600;letter-spacing:.2em;padding:1rem 1.6rem;border-radius:10px;color:#fff;background-color:#ff1e42;transition:background .3s ease-in-out}header form button:hover{background:#c3112d}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:10px;background:#fff;color:#53627c;text-align:center;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}main .coins .coin .remove-icon{text-align:right}main .coins .coin .remove-icon .fa-window-close{color:#ff1e42;text-align:right;cursor:pointer}main .coins .coin .coin-name sup{font-size:.4em;padding:.2em .6em;border-radius:30px;color:#fff;background:#ff8c00}main .coins .coin .coin-temp{font-size:1.5rem;font-weight:700;margin-top:.5rem;color:#1e2432}main .coins .coin figure{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem}main .coins .coin figure img{width:100px}main .coins .coin figure figcaption{letter-spacing:.05em}main .coin-icon{margin-top:1rem;width:100px;height:100px}footer{text-align:right;font-size:1rem;color:#fff;margin-top:2rem}footer span{color:#ff1e42}@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:inherit;text-decoration:none}button{cursor:pointer}button,input{border:none;background:none;outline:none;color:inherit}img{display:block}ul{list-style:none}body{font:1rem Roboto,sans-serif;background:#9cccf3;color:#1e2432}.container{width:100%;max-width:1200px;margin:auto;padding:1rem}