body{background-image:url(/assets/blurBG1-BFIkzR8s.png);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center}.SearchBox{width:100%;height:15vh;text-align:center}#city{margin-top:15px;padding:5px 5px 5px 15px;color:#f5f5f5;font-size:1.5rem;border:none;height:35px;width:80%;background:none;background-color:none;outline:none;border-bottom:1px solid whitesmoke}input::placeholder{color:#f5f5f5;opacity:.5}button{padding-top:5px;color:#f5f5f5;cursor:pointer;font-size:1.5rem;border:none;background:none;width:10%;height:35px}.main-info{width:100%;height:60vh;overflow:auto}.weather-info{color:#f5f5f5;font-size:1.5rem;margin:10px 5px;padding:5px}.data{position:relative;left:40%}.time-date{font-size:2rem;margin:5px 15px 15px}.side-display{height:75vh;color:#f5f5f5}.info{position:relative;top:70%;left:5%}.head{margin:15px;font-size:5rem}.temp{margin:15px;padding:5px;font-size:3.5rem}.icon{font-size:2.5rem}img{padding-top:10px;width:80px}.main-app{height:90vh;display:flex;justify-content:center;align-items:center}.div2{background:#00000090;width:29%;padding:0 30px;box-shadow:4px 4px 10px 3px #00000080}.div1{width:55%;box-shadow:4px 4px 10px 3px #00000080}h1{text-align:center;font-size:3rem;margin-top:15px;color:#f5f5f5f4}