body{background:#e9f2f5}:root{--blue-1: #2242c2;--blue-2: #0368ec;--white: #fff;--grey-1: #ededed;--shadow-dark: rgba(0, 0, 0, .3);--shadow-light: rgba(255, 255, 255, .277)}.upper-data{position:relative;overflow:hidden;width:100%;height:50%;border-top-left-radius:20px;border-top-right-radius:20px}.lower-data{position:relative;overflow:hidden;width:100%;height:50%;border-bottom-left-radius:20px;border-bottom-right-radius:20px;display:flex;flex-direction:column}.upper-data img{position:absolute;top:0;left:0;width:100%;height:100%}.weather-data{position:absolute;z-index:1;width:100%;height:100%;background-color:var(--shadow-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:1% 1% 0 0}.location{color:var(--white);text-align:center;font-size:1.2em}.temperature{color:var(--white);font-size:4em;text-align:center;font-weight:900}.more-info-label{color:var(--white);font-size:1.9em;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:.5rem}.more-info-container{flex:1;background-color:var(--shadow-dark);border-radius:20px;margin:1em;display:flex;flex-direction:row;flex-wrap:wrap}.info-block{width:50%;display:flex;flex-direction:row;margin-top:1em;margin-bottom:1em}.info-block-label{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.info-block-label span{color:var(--white);font-size:.8em;margin-top:.4em}.info-block-value{width:50%;display:flex;justify-content:flex-start;align-items:center;color:var(--white)}.search{margin-top:2em;text-align:center}.search input{background-color:var(--shadow-dark);outline:none;border-color:none;border-radius:20px;padding:1em;color:#fff;font-size:.8em;text-align:center;width:70%}.search-icon{margin-left:1em}