:root{--blue-1: #3c429e;--blue-2: #4c52ad;--yellow-1:#fac742;--white:#fff;--grey-1:#ededed;--shadow-dark:rgba(0,0,0,.3);--shadow-light:rgba(255,255,255,.1)}*{margin:0;padding:0;box-sizing:border-box}body{margin:-40px 0;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:16px;width:100%;height:90vh;background-color:var(--blue-1);display:flex;justify-content:center;align-items:center}.container1{width:400px;height:80vh;background-color:var(--blue-2);border-radius:20px;box-shadow:10px 10px 10px var(--shadow-dark)}.upperdata{position:relative;overflow:hidden;width:100%;height:50%;border-top-left-radius:20px;border-top-right-radius:20px}.upperdata img{position:absolute;top:0;left:0;width:100%;height:100%}.weatherdata{position:relative;z-index:1;width:100%;height:100%;background-color:var(--shadow-dark);display:flex;flex-direction:column;justify-content:center;align-items:center}.location{color:var(--white);text-align:center;font-size:1.2em}.temperature{color:#fff;font-size:4em;align-items:center;font-weight:900}.more-info{color:#fff}.more-info-container{flex:1;background-color:var(--shadow-light);border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin-top:1em;display:flex;flex-direction:row;flex-wrap:wrap}.infoblock{width:50%;display:flex;flex-direction:row}.infoblocklabel{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.infoblocklabel img{width:2.5em}.infoblocklabel span{color:#fff;font-size:.8em}.infoblockvalue{width:50%;display:flex;justify-content:flex-start;align-items:center;color:#fff;font-size:15px}.lowerdata{position:relative;overflow:hidden;width:100%;height:50%;border-bottom-right-radius:20px;border-bottom-left-radius:20px;padding:1em;display:flex;flex-direction:column}