body{padding:0}body,h2{margin:0}.main-bg{height:100vh;display:flex;align-items:center;background:#f0f9ff;background:linear-gradient(90deg,#f0f9ff 0,#cbebff 47%,#a1dbff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f9ff",endColorstr="#a1dbff",GradientType=1)}.wheater-app{box-shadow:2.8px 2.8px 2.2px rgba(0,0,0,.02),6.7px 6.7px 5.3px rgba(0,0,0,.028),12.5px 12.5px 10px rgba(0,0,0,.035),22.3px 22.3px 17.9px rgba(0,0,0,.042),41.8px 41.8px 33.4px rgba(0,0,0,.05),100px 100px 80px rgba(0,0,0,.07);border-radius:18px;padding:40px 24px;margin:auto;max-width:400px;background:#fff}.wheater-app h2,.wheater-app p{color:#494949}.wheater-app .error{color:red}.wheater-app .inputs{display:flex;flex-direction:column;gap:20px}.wheater-app .error__inp{border:2px dashed red}.wheater-app .error__inp:focus{border-bottom:2px solid red}.wheater-app button{padding:10px 20px;text-align:center;border-radius:18px;border:none;cursor:pointer;transition:all .3s ease-in-out;background:#fff;color:#243eaf;border:1px solid #243eaf}.wheater-app button:hover{border:1px solid rgba(36,61,175,0);color:#fff;background:#243eaf}.wheater-app input{border:none;outline:none;color:#494949;border-bottom:2px solid rgba(36,61,175,0)}.wheater-app input:focus{border-bottom:2px solid #243eaf}