.weather-container{background:url(/React-Weather-app/static/media/bg.00fe3a6e0e1310a16fac.jpg);border-radius:8px;box-shadow:0 4px 7px rgba(0,0,0,.5);margin:50px auto 0;max-width:330px;padding:20px;text-align:center}input{border:1px solid #ccc;border-radius:4px;margin:5px;width:60%}button,input{font-size:16px;padding:10px}button{background-size:cover;border:none;border-radius:50%;color:#fff;cursor:pointer;height:40px;object-fit:contain;transition:background-color .3s;width:40px}button,button:hover{background-color:#0056b3}.weather-info{border-radius:4px;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-top:20px;padding:10px}h2{color:#fff;font-size:2rem;text-decoration:overline}.weather-info>span:nth-child(2){font-size:2.5rem;font-weight:700}.weather-info>span:nth-child(3){font-size:2rem;font-weight:700}.weather-info>span:nth-child(5),.weather-info>span:nth-child(6){font-size:1.5rem;font-weight:700}img{left:70px;position:relative;width:9rem}.boxes>.box>i{font-size:2rem;padding:10px}.boxes{display:flex;justify-content:space-between}.box{padding:10px;width:80px}.soc>ul{display:flex;float:right;gap:12px;margin-bottom:0}.soc>ul>li{list-style:none}.soc>ul>li>a>i{color:#fff;font-size:1.6rem}.soc>ul>li>a>#facebook:hover{color:#1c99fe}.soc>ul>li>a>#github:hover{color:#d9be9a}.soc>ul>li>a>#linkedin:hover{color:#5d95e5}.soc>ul>li>a>#insta:hover{color:#fd4766}.error-message{color:#fff;font-size:1.5rem}
/*# sourceMappingURL=main.37488746.css.map*/