*{padding:0;margin:0;box-sizing:border-box}html,body{height:100%;width:100%}body{display:flex;align-items:center;justify-content:center;background-color:#000}.container{width:500px;height:500px;padding:18px;border-radius:10px;box-shadow:#d9aaaa39 0 5px 15px;color:#fff}.box h2{font-size:25px;text-align:center;font-family:sans-serif;font-weight:600;margin:10px}.box .small{width:100%;padding:10px;background-color:#000;display:flex;justify-content:space-between;align-items:center;border-radius:10px;margin-bottom:15px}.box input{width:70%;padding:10px 15px;border:none;outline:none;border-radius:10px;font-size:18px}.box button{padding:10px 15px;border:none;border-radius:10px;margin-right:15px;font-size:18px}.weathers{text-align:center;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.weathers img{width:190px;margin-top:-11px;margin-bottom:10px}.weathers p{font-size:30px}.weathers .climate{margin-top:-29px}.error{font-size:30px;text-align:center}