*{margin:0;padding:0;box-sizing:border-box}body{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:16px;width:100%;height:100vh;background-color:#001233;display:flex;justify-content:space-around;align-items:flex-start}.container{width:400px;height:80vh;background-color:#0353a4;border-radius:20px;box-shadow:10px 10px 10px #0466c8}.upper-data{position:relative;overflow:hidden;width:100%;height:50%;border-top-left-radius:20px;border-top-right-radius:20px}.card{margin-top:30px;margin-left:30px;background-color:#0353a4;color:orange;font-weight:700}.lower-data{position:relative;overflow:hidden;width:100%;height:50%;border-bottom-left-radius:20px;border-bottom-right-radius:20px;padding:1em;display:flex;flex-direction:column}.upper-data img{position:absolute;top:0;left:0;width:100%;height:100%}.weather-data{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.location{color:#ff9102;text-align:center;font-size:1.2em}.temperature{color:#ff9100;font-size:4em;text-align:center;font-weight:900}.more-info-label{color:#001233;font-weight:600}.more-info-container{flex:1;background-color:#0466c8;border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin-top:1em;display:flex;flex-direction:row;flex-wrap:wrap}.info-block{width:50%;display:flex;flex-direction:row}.info-block-label{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.info-block-label img{width:1.5em}.info-block-label span{color:#fff;font-size:.8em}.info-block-value{width:50%;display:flex;justify-content:flex-start;align-items:center;color:#fff}.feels-like{margin-top:20px;font-weight:700;color:ivory}.search{margin-bottom:1em;text-align:center}.search input{background-color:#0466c8;outline:none;border:none;border-radius:20px;padding:1em;color:#fff;font-size:.8em;text-align:center}