h1{color:#fff}body{background:#2bbfe4;background:radial-gradient(circle,#2bbfe4,#eaecc6);color:#17223b;text-align:center;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.container{box-sizing:border-box;max-width:1040px;width:100%;margin:0 auto;padding:20px}.row{display:flex}input{border:none;border-radius:.4rem;width:100%;padding:10px 6px;font-size:16px;font-weight:600;text-transform:uppercase;text-align:center}input:focus{outline:none}.card{margin-top:20px;display:flex;justify-content:center}.card-container{margin:20px 5px;border-radius:20px;position:absolute;width:470px;height:470px;background-color:#f2f4f6;box-shadow:0 0 25px 1px #3232321a}.city-name{font-weight:300;font-size:40px;color:#6b778d;bottom:0}.icon{position:relative;width:300px;height:300px;bottom:280px;float:right;margin:5px 5px 0 0}.temp{position:relative;font-weight:300;font-size:80px;color:#17223b;right:120px}.card-footer{background-color:#16459d;color:#f0f8ff;position:relative;bottom:280px;border-radius:0 0 20px 20px;display:flex;justify-content:center;align-items:center;width:100%}.temp-max-min{font-weight:300;font-size:50px;color:#f0f8ff}