@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.Info{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;color:#fff}.main{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;margin-top:1rem}.main h1{font-size:3rem;font-weight:300}.main h1 span{font-size:2.5rem}.main h3{font-size:2rem}.weatherImg{width:8rem;height:8rem}.extraInfo{display:flex;justify-content:space-between;align-items:center;width:90%;height:100%}.extraInfo img{width:40px;height:40px}.infoItem{text-align:center;flex:1;display:inline}.SearchBox{display:flex;flex-direction:column;align-items:center;margin-top:1.5rem}.form{display:flex;margin-bottom:1rem}.form input{border-radius:2rem;border:none;text-align:center;height:2.5rem;margin-right:1rem}.form button{border-radius:50%;border:none;height:2.5rem;width:2.5rem}.form button img{height:1.3rem;width:1.3rem}.Weather{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:linear-gradient(45deg,#c4baff,#b496ff)}.box{max-width:400px;width:90%;height:90%;display:flex;flex-direction:column;align-items:center;border-radius:2rem;box-shadow:4px 4px 5px #00000080;background-image:linear-gradient(to bottom,#6647ff,#1f2fe1)}@media screen and (max-width: 500px) and (max-height: 1000px){.box{height:60%}}@media screen and (max-width: 500px) and (max-height: 700px){.box{height:90%}}@media screen and (max-width: 500px) and (max-height: 800px){.box{height:80%}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins}