@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&family=Josefin+Sans:wght@100&display=swap&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}*{box-sizing:border-box;margin:0;padding:0}.wrapper{background:url(https://wallpaperaccess.com/full/1540024.jpg);background-repeat:no-repeat;background-size:cover;height:100vh;width:100vw}.container{background-color:rgba(0,0,0,.452);height:80%;left:12%;width:80%}.container,.logo{position:absolute;top:10%}.logo{color:#f0f8ff;left:10%;text-shadow:2px 2px 2px #000}.logo span{color:crimson}.snowIcon{font-size:24px;margin:0}.degree{font-family:Arial,Helvetica,sans-serif;font-size:54px;left:10%;top:76%}.bottompart,.degree{color:#f0f8ff;position:absolute}.bottompart{display:flex;left:21%;margin:4px 18px;padding:10px;top:74%;width:50%}.descrption{margin:5px 16px;text-align:center}.cloud{font-size:28px}.secondhalf{background-color:#f0f8ff;float:right;height:100%;width:32%}.searchbar{background:transparent;border:none;border-bottom:2px solid grey;font-size:22px;height:30px;margin:30px;outline:none;padding:6px 0;width:200px}.searchicon{background-color:rgba(63,61,60,.644);color:#f0f8ff;cursor:pointer;float:right;height:50px;padding:12px;width:50px}.weatherDetailsbox{font-family:Josefin Sans,sans-serif;height:40%;left:8%;position:relative;top:6%;width:85%}.detail{display:flex;font-family:Ubuntu,sans-serif;justify-content:space-between;line-height:40px;margin:4px 0}.detail div:nth-child(2){font-size:12px;font-weight:bolder}@media (max-width:1218px){.searchbar{font-size:18px;margin:22px;width:180px}.searchicon{height:44px;width:44px}.degree{font-size:48px;left:10%;position:absolute;top:76%}}@media (max-width:1050px){.searchicon{height:40px;width:40px}.searchbar{font-size:18px;margin:22px;width:140px}.degree{left:8%}}@media (max-width:1000px){.weatherDetailsbox h2{font-size:20px}.detail div p{font-size:12px;line-height:32px}}@media (max-width:880px){.container{padding:16px}.degree{top:50%}.bottompart,.degree{left:10%;position:absolute}.bottompart{display:inline;margin:0;padding:0;top:64%}.name h1{font-size:28px}.descrption{margin:10px 0 20px;text-align:left}.secondhalf{width:42%}.degree{top:58%}.detail div p{font-size:16px;font-weight:lighter}}@media (max-width:722px){.degree{font-size:38px}.secondhalf{width:50%}.degree{top:52%}.bottompart{top:60%}.name h1{font-size:24px}.descrption,.name p{font-size:14px}.descrption{margin:4px}}@media (max-width:600px){.container{height:100vh;left:0;top:0;width:100vw}.secondhalf{background-color:rgba(240,248,255,.5);box-shadow:5px 8px 12px rgba(43,42,42,.685)}.degree{left:10%;top:81%}.bottompart{color:#f0f8ff;display:flex;left:30%;position:absolute;top:80%;width:50%}.descrption{margin:5px 16px;text-align:center}.secondhalf{float:inherit;height:60%;left:0;margin:0 auto;position:relative;top:15%;width:84%}.searchbar{box-shadow:5px 5px 12px hsla(0,0%,42%,.685);font-size:18px;margin:8px 2px 20px 18px;padding:4px;width:200px}.searchicon{height:44px;width:44px}.weatherDetailsbox{left:6%;margin:0;padding:0;top:2%}.weatherDetailsbox h2{font-size:30px;line-height:4px;margin:0;padding:0;text-align:center}.detail div p{font-weight:700;margin:4px}}@media (max-width:475px){.weatherDetailsbox h2{font-size:24px}.detail div p{font-size:15;font-weight:lighter;line-height:25px}.bottompart{margin-left:20px}.degree{font-size:34px}}@media (max-width:414px){.secondhalf{min-height:40%}.degree{top:75%}.bottompart{display:flex;justify-content:space-between;left:10%;margin:0;top:80%;width:80%}}@media (max-width:667px){.weatherDetailsbox{left:8%;top:4%}.weatherDetailsbox h2{font-size:18px}.detail div p{font-size:14px;line-height:20px}.descrption{font-size:12px}}@media (max-height:390px){.weatherDetailsbox{left:8%;top:4%}.weatherDetailsbox h2{font-size:18px}.detail div p{font-size:14px;line-height:20px}.descrption{font-size:12px}.bottompart{display:flex;justify-content:space-between;width:40%}}@media (max-height:393px){.container{height:90%;left:5%;top:5%;width:90%}.searchbar{margin:4px 0 8px 22px}.weatherDetailsbox h2{font-size:18px}.detail div p{font-size:14px;line-height:24px}.descrption{font-size:12px}.degree{top:46%}}
/*# sourceMappingURL=main.4ddf4e5e.css.map*/