@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{overflow-x:hidden}.main-container{font-size:1.2rem;margin:0 auto;max-width:2000px;width:100%}.secondDiv{display:flex;flex-direction:row;gap:100px}.thirdDiv{align-items:center;display:flex;flex-direction:column;gap:60px;justify-content:center}body{background-color:#3c6f80;color:#fff;font-family:Montserrat,sans-serif}.montserrat{border:1px solid gray;border-radius:10px;box-shadow:0 0 20px #fff;gap:350px;height:350px;margin:40px auto auto;max-width:1800px}.montserrat,.weather-main{align-items:center;display:flex;justify-content:center}.weather-main{gap:20px;margin:auto}.weather-main h2{color:#ffc801;font-size:45px}.location h1{color:#ff006b}.weather{color:#d9d9d9;gap:30px}.weather,.weather h1{align-items:center;display:flex;justify-content:center}.airQuality{color:#d9d9d9}@media (max-width:768px){.montserrat{display:flex;height:500px;justify-content:center;max-width:350px}.location{margin-bottom:200px;margin-left:570px}.location,.weather{display:flex;flex-direction:column;justify-content:center}.weather{align-items:start;position:relative;right:600px;top:250px}}.container{margin-left:110px;margin-top:50px}.mainDiv{align-items:center;border:1px solid gray;border-radius:10px;box-shadow:0 0 20px #fff;display:flex;height:350px;justify-content:center;margin-top:100px;padding:20px;width:700px}.temp{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.card{background:#ffffff1a;border-radius:10px;box-shadow:0 0 10px #ffffff4d;padding:20px;text-align:center}.card h3{color:#aaa3a3;font-size:16px;margin-bottom:5px}.card h1{color:#f5f5f5;font-size:24px}.forecast{margin-left:110px;margin-top:50px}.forecast h1{margin-left:140px}.weathertoday{align-items:center;border:1px solid gray;border-radius:10px;box-shadow:0 0 20px #fff;display:flex;flex-direction:column;height:900px;justify-content:center;margin-left:150px;margin-top:100px;padding:20px;width:500px}.weathertoday h4{font-size:23px;margin:2px 0}.txt{align-items:start;display:flex;gap:150px;gap:120px}.txt h3{color:#ffc801}.weatherNow{align-items:start;color:#ff006b;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-bottom:40px}.foreCast5day h1{bottom:20px;margin-left:110px;position:relative}.weatherForeCast{align-items:center;border:1px solid gray;border-radius:10px;box-shadow:0 0 20px #fff;display:flex;flex-direction:column;height:350px;justify-content:center;margin-left:110px;padding:20px;width:700px}.fiveDays{color:#ff006b;display:flex;font-size:28px;gap:20px}.fiveDaysTemp{align-items:center;display:flex;flex-direction:column;justify-content:center}.weatherForeCast5days{bottom:50px;color:#acacac;display:flex;font-size:26px;gap:70px;left:10px;position:relative}.tempFor5days{align-items:center;color:#ffc801;display:flex;font-size:26px;gap:50px;justify-content:center}
/*# sourceMappingURL=main.385a04a2.css.map*/