*{border:none;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;outline:none;padding:0}body{background-color:#f2f2f2;min-height:100vh;padding-top:2rem}.container{grid-gap:1rem;background:#555;border-radius:10px;box-shadow:0 5px 5px #000;display:grid;gap:1rem;margin:0 auto 2rem;max-width:600px;padding:1rem;place-items:center;width:100%}.card-name h3{color:#fff;font-size:clamp(20px,5vw,50px)}.card-country h4,.card-name h3{word-wrap:break-word;padding:0 .5rem;text-align:center;text-transform:uppercase}.card-country h4{color:#3456a1;font-size:clamp(16px,3vw,25px)}.card-boxs{background:#fff;border-radius:10px;flex-wrap:wrap;gap:1rem;justify-self:center;margin:1rem 0;padding:1rem;width:100%}.card-boxs,.card-icon{align-items:center;display:flex;justify-content:center}.card-icon{flex-shrink:0}.card-icon img{height:80px;object-fit:contain;width:80px}.card-temp{flex:1 1;min-width:200px;text-align:center}.card-temp h5{color:#2e56d8;font-size:clamp(14px,3vw,16px);margin-bottom:.5rem;text-transform:uppercase}.card-temp h5,.card-temp p{font-weight:700;text-align:center}.card-temp p{word-wrap:break-word;font-style:italic;padding:0 .5rem}.card-temp span{color:#333;display:block;font-size:clamp(30px,5vw,50px);font-weight:700;margin-bottom:.5rem;text-transform:uppercase}.card-map{display:flex;justify-content:center;margin:1rem 0;width:100%}.card-map iframe{border-radius:10px;box-shadow:0 5px 5px #191923;height:300px;max-width:400px;width:100%}.loader{animation:rotation 1s linear infinite;border:3px solid;border-color:#fff #fff #0000;border-radius:50%;box-sizing:border-box;display:inline-block;height:48px;position:relative;width:48px}.loader:after{animation:rotationBack .5s linear infinite;border:3px solid crimson;border-radius:50%;border-top-color:#0000;bottom:0;box-sizing:border-box;content:"";height:24px;left:0;margin:auto;position:absolute;right:0;top:0;transform-origin:center center;width:24px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotationBack{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}button:focus,input:focus{outline:2px solid #1976d2;outline-offset:2px}@media (max-width:768px){body{padding-top:1rem}.container{margin:0 .5rem 1rem;padding:.5rem}.card-boxs{flex-direction:column;gap:.5rem;padding:.5rem}.card-icon img{height:60px;width:60px}.card-temp{min-width:auto}.card-map iframe{height:250px}}@media (max-width:480px){.container{margin:0 .25rem .5rem}.card-boxs,.container{padding:.25rem}.card-icon img{height:50px;width:50px}.card-map iframe{height:200px}}@media (max-width:320px){.card-name h3{font-size:clamp(16px,4vw,20px)}.card-country h4{font-size:clamp(14px,3vw,16px)}.card-temp span{font-size:clamp(24px,4vw,30px)}}.weather-form{margin:2rem auto;max-width:500px;padding:0 1rem;width:100%}.input-group{border-radius:50px;box-shadow:0 4px 20px #0000001a;display:flex;position:relative;transition:all .3s ease;width:100%}.input-group:focus-within{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.weather-input{background:#f8f9fa;border:none;border-radius:50px 0 0 50px;flex:1 1;font-size:1rem;min-width:0;outline:none;padding:1rem 1.5rem;transition:all .3s ease}.weather-input:focus{background:#fff}.weather-button{align-items:center;background:linear-gradient(135deg,#6e8efb,#a777e3);border:none;border-radius:0 50px 50px 0;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:0 1.5rem;transition:all .3s ease;white-space:nowrap}.weather-button:hover{background:linear-gradient(135deg,#5a7df4,#9b59e0);transform:scale(1.02)}.weather-button:active{transform:scale(.98)}.search-icon{transition:transform .3s ease}.weather-button:hover .search-icon{transform:rotate(10deg) scale(1.1)}.weather-title{-webkit-text-fill-color:#0000;word-wrap:break-word;animation:shine 2s linear infinite;background:linear-gradient(90deg,#d2e2e6,#5a7df4);-webkit-background-clip:text;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;margin-bottom:1.5rem;padding:0 .5rem;text-align:center}@keyframes shine{0%{filter:brightness(1)}50%{filter:brightness(1.3)}to{filter:brightness(1)}}@media (max-width:768px){.weather-form{margin:1rem auto;padding:0 .5rem}.weather-title{margin-bottom:1rem}.input-group{border-radius:25px}.weather-input{border-radius:25px 0 0 25px;font-size:.9rem;padding:.75rem 1rem}.weather-button{border-radius:0 25px 25px 0;font-size:.9rem;padding:0 1rem}}@media (max-width:600px){.weather-form{margin:.5rem auto;width:95%}.weather-button span{display:none}.weather-button{padding:0 .75rem}.weather-input{padding:.5rem .75rem}}@media (max-width:480px){.weather-form{padding:0 .25rem;width:100%}.weather-title{font-size:clamp(1.2rem,5vw,1.5rem);margin-bottom:.75rem}.input-group{border-radius:20px}.weather-input{border-radius:20px 0 0 20px;font-size:.85rem;padding:.5rem .75rem}.weather-button{border-radius:0 20px 20px 0;font-size:.85rem;padding:0 .5rem}}@media (max-width:320px){.weather-title{font-size:clamp(1rem,6vw,1.2rem)}.weather-input{font-size:.8rem;padding:.4rem .6rem}.weather-button{font-size:.8rem;padding:0 .4rem}}.footer{background:#e3f2fd;border-top:1px solid #b3c6e0;color:#222;font-size:1rem;margin-top:2rem;padding:2rem 1rem 1rem;text-align:center;width:100%}.footer__contact,.footer__copyright,.footer__legal,.footer__social{margin:.5rem 0}.footer__social a{color:#1976d2;display:inline-block;margin:0 .5rem;transition:color .2s}.footer__social a:focus,.footer__social a:hover{color:#1565c0;outline:2px solid #1976d2}.footer__contact a,.footer__legal a{word-wrap:break-word;color:#1976d2;text-decoration:none}.footer__contact a:focus,.footer__contact a:hover,.footer__legal a:focus,.footer__legal a:hover{outline:2px solid #1976d2;text-decoration:underline}@media (max-width:768px){.footer{font-size:.95rem;padding:1.5rem .5rem .5rem}.footer__social a{margin:0 .25rem}}@media (max-width:600px){.footer{font-size:.9rem;padding:1rem .25rem .25rem}.footer__social a{margin:0 .2rem}.footer__contact,.footer__copyright,.footer__legal,.footer__social{margin:.25rem 0}}@media (max-width:480px){.footer{font-size:.85rem;padding:.75rem .25rem .25rem}.footer__social a{margin:0 .15rem}}@media (max-width:320px){.footer{font-size:.8rem;padding:.5rem .25rem .25rem}.footer__social a{margin:0 .1rem}}
/*# sourceMappingURL=main.3cc692d3.css.map*/