*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#e2e8f3;color:#333;line-height:1.6;padding-block:1.2rem;padding-inline:1.2rem}h1,h2{color:#2c3e50}ul,p{padding:0}ul{list-style:none;margin-block:.5rem}.languages{list-style:initial;padding-inline-start:1.5rem}.container{display:flex;flex-direction:column;align-items:center;max-width:600px;margin:0 auto;padding-block:1.2rem;padding-inline:1.2rem;background-color:#fff;border-radius:.5rem;box-shadow:0 .2rem .8rem #0000001a}h1{font-size:2.5rem;text-align:center;margin-block-end:1.2rem;color:#2d3436}h2{font-size:1.8rem;text-align:center;margin-block-end:1.2rem;color:#636e72}h3{border-bottom:1px solid #dfe6e9}.country-header{color:#0984e3}.weather-header{margin-block-start:2rem}.container>ul{border:2px solid #b2bec3;padding-block:.5rem;padding-inline:3rem;border-radius:.5rem}ul{padding:0;margin-block:1.2rem}li{display:flex;align-items:center;gap:1rem;font-size:1.1rem;text-align:left}li span{font-weight:500}.show-btn,.remove-btn{color:#fff;border:none;margin-block-start:.5rem;padding-block:.5rem;padding-inline:.7rem;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.show-btn{background-color:#74b9ff}.show-btn:hover{background-color:#0984e3}.remove-btn{background-color:#e17055}.remove-btn:hover{background-color:#d35400}@media (max-width: 1200px){.container{padding-block:1rem;padding-inline:1rem}}input{width:100%;max-width:400px;margin:0 auto;padding-block:.5rem;padding-inline-start:.5rem;font-size:1rem;border-radius:.5rem;border:2px solid #b2bec3;margin-block-end:1.2rem;transition:border-color .3s ease}input:hover{border-color:#0984e3}.favorites-container{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin-block:1.2rem}.favorite-card{border:1px solid #dfe6e9;padding-block:1.2rem;padding-inline:1.2rem;border-radius:.5rem;width:220px;text-align:center;background-color:#fff;box-shadow:0 .25rem .5rem #0000000d;transition:transform .2s}.favorite-card:hover{transform:translateY(-.5rem)}.favorite-card h3{font-size:1.3rem;margin-block-end:1rem;color:#2d3436}.favorite-card img{width:100px;margin-block-end:.5rem}.favorite-card p{font-size:.9rem;color:#636e72}@media (max-width: 768px){.favorites-container{flex-direction:column;align-items:center}.favorite-card{width:90%}}