@import"https://fonts.googleapis.com/css2?family=Alegreya:wght@500&family=Inter:wght@500&family=Noto+Naskh+Arabic:wght@500;600&family=Noto+Sans:ital,wght@0,600;0,800;1,700&family=Nunito+Sans:wght@500&family=Roboto:ital,wght@0,100;0,700;1,500;1,700&family=Rubik&display=swap";@import"https://fonts.googleapis.com/css2?family=Alegreya:wght@500&family=Inter:wght@500&family=Noto+Naskh+Arabic:wght@500;600&family=Noto+Sans:ital,wght@0,600;0,800;1,700&family=Nunito+Sans:wght@500&family=Roboto:ital,wght@0,100;0,700;1,500;1,700&family=Rubik:wght@300;400&display=swap";body{background:#f1f5f8}:lang(ps) h6,a,button,p,li,input,label,h1,h2,h3,h4,h5,h6{font-family:Alegreya,serif;font-family:Inter,sans-serif;font-family:Noto Naskh Arabic,serif;font-weight:300}.loading{display:flex;justify-content:center;align-items:center;height:83vh}.dark.loading{background-color:#0d0d13;color:#f1f5f8;font-size:3rem}.home{display:flex;justify-content:space-around;align-items:center;min-height:80vh;padding:20px}.home-text{width:40%;text-align:center;line-height:60px}.home-text h1{font-size:3rem}.home-form{display:flex;flex-direction:column;padding:20px;align-items:center}.home-form h3{font-size:1.5rem}.home-form h4{font-size:1.2rem;margin:10px 0}.form{display:flex;flex-direction:column;margin-top:20px}.form input{width:280px;padding:10px 20px;outline:none;margin:10px 0;border-radius:5px;border:1px solid rgba(0,0,0,.6)}.form button{background-color:#11111f;padding:10px;cursor:pointer;color:#fff;border:1px solid rgba(255,255,255,.6);border-radius:5px;transition:.5s}.form button:hover{opacity:.92}.form-alert{font-size:12px;margin-top:-10px;color:red}.dark.home{background-color:#0d0d13}.dark .home-text h1,.dark h4,.dark h3,.dark label{color:#c5e3fa}.dark input{background-color:transparent;border:1px solid #c5e3fa;color:#c5e3fa}.dark .form button{background-color:#c5e3fa;color:#11111f}.dark .form-alert{color:red}.home-button{text-decoration:none;font-weight:600;font-size:1.5rem;color:#11111f;display:flex;justify-content:center;align-items:center}.home-button p{margin:0 10px}.dark .home-button{color:#c5e3fa}@media screen and (max-width: 1440px){.home-text h1{font-size:2.2rem}.home-button{font-size:1.2rem}}@media screen and (max-width: 1024px){.home-text h1{font-size:2rem}.home-form h3,h4{font-size:1.2rem}.home-button{font-size:1rem}}@media screen and (max-width: 768px){.home{flex-direction:column}.home-text{width:100%}.home-text h1{font-size:1.2rem}.home-text a{font-size:1rem}.home-form h3,h4,.home-form h4{font-size:.9rem}.form input{width:220px}}@media screen and (max-width: 425px){.home-text h1{font-size:.9rem;line-height:30px}.home-text .home-button{font-size:.7rem}.home-form h4,.home-form h3{font-size:.6rem;text-align:center}.form label{font-size:.6rem}.form input{font-size:.6rem;width:200px;padding:5px}.form button{padding:5px;font-size:.6rem}.home-form{margin-top:-150px}}.weather{min-height:10vh;display:flex;justify-content:baseline;align-items:center;flex-direction:column;padding:20px}.weather-image{width:100px}.weather-title{color:#000000b3;font-weight:400}.day-image{width:100px}.weather-form{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.weather-form input{padding:10px 20px;margin:10px 0;width:240px;outline:none;border-radius:5px;border:1px solid rgba(0,0,0,.7)}.weather-form label{font-size:2rem}.weather-form button{padding:10px;width:240px;cursor:pointer;background-color:#11111f;color:#fff;border-radius:5px;border:none;transition:.5s}.weather-form button:hover{opacity:.9}.weather-title{font-size:2rem}.weather-main{display:flex;align-items:baseline;justify-content:space-around;width:100%}.weather-details{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px}.weather-details section{display:flex;justify-content:space-around;align-items:center;width:100%}.weather-degree{display:flex;flex-direction:column;align-items:center}.weather-degree h1{font-size:3rem}.h-l-degree{display:flex;color:#00000080;font-weight:600}.weather-rain{display:flex;flex-direction:column;align-items:center;justify-content:center}.weather-rain div{display:flex;justify-content:space-around;align-items:center;height:30px;margin:10px 0}.weather-rain div p{color:#00000080;margin:0 5px;font-weight:600}.weather-rain div span{font-size:10px;margin-bottom:-5px}.city-name{font-weight:600;font-size:2.2rem;color:#000}.next-day-weather{display:grid;grid-template-columns:auto auto auto;justify-content:space-between;padding:20px}.day-details{display:flex;flex-direction:column;align-items:center;padding:20px;margin:10px 0}.day-image{width:30px}.day-h-l{margin:10px 0;color:#0009}.day-h-l p{font-size:15px;font-weight:600}.day{color:#0009;font-weight:600;font-size:15px}.dark.weather{background-color:#0d0d13}.dark input{border:1px solid #fff}.dark .weather-form button{background-color:#c5e3fa;color:#11111f}.dark .city-name,.dark .weather-degree h1,.dark.deg p,.dark .weather-rain div p{color:#c5e3fa}.loading-error{align-items:center;justify-content:center;display:flex;color:red;text-transform:capitalize}.empty-size{height:47.2vh}@media screen and (max-width: 1024px){.weather-title{font-size:1.5rem}.day-h-l p{font-size:10px}.weather-title span{font-size:1.7rem}.day{font-size:10px}}@media screen and (max-width: 768px){.weather-title{font-size:1.5rem}.city-name{font-size:1.7rem}.loading-error h1{font-size:1rem}.weather-main{display:flex;align-items:center;flex-direction:column}.day-h-l p{font-size:12px}.next-day-weather{grid-template-columns:auto auto}}@media screen and (max-width: 500px){.weather-title{font-size:.9rem}.city-name{font-size:1.4rem}.weather-image{width:50px}.weather-degree h1{font-size:2rem}.day-h-l p{font-size:12px}.weather-title span{font-size:1.4rem}}.pc-nav{display:flex;justify-content:space-between;align-items:center;height:50px;padding:20px;border-bottom:1px solid rgba(0,0,0,.07)}.navbar-title{color:#191956;font-size:2rem}.navbar-pages ul{display:flex;list-style:none}li{padding:10px;font-family:Georgia,Times New Roman,Times,serif;transition:.5s;cursor:pointer}li:hover{color:#1616b8}.active{text-decoration:none;color:#191956}.dark .active{color:#c5e3fa}.dark .active.btn,.active.btn{color:#058cf3}.language{display:flex;flex-direction:column;align-items:center;position:relative}.dark-btn{display:flex;align-items:center;justify-content:space-between}.lang-btn{background-color:transparent;border:none;cursor:pointer;transition:.6s;font-size:30px}.theme-btn{background-color:transparent;border:none;cursor:pointer;transition:.6s;font-size:21px;margin:0 30px}.lang-btn:hover{color:#5353ec}.lang-list{position:absolute;margin-top:30px;border-radius:5px;margin-right:-60px}.lang-list ul{padding:10px;display:flex;flex-direction:column;align-items:center}.lang-list ul button{margin:10px 0;background-color:transparent;border:none;cursor:pointer;transition:.5s;font-size:18px}.lang-list ul button:hover{color:#1616b8}.mobile-nav{display:none}.dark{background-color:#11111f}.dark .icon{color:#c5e3fa}.dark li{color:#fff}.dark .navbar-title,.dark button,.dark li:hover{color:#c5e3fa}.dark .lang-list ul button:hover{color:#fff}@media screen and (max-width: 768px){.pc-nav{display:none}.navbar-title{font-size:1.2rem}.mobile-nav{display:flex;flex-direction:column;min-height:50px;border:1px solid rgba(0,0,0,.07);transition:.6s}.header{display:flex;justify-content:space-between;padding:20px;align-items:center}.header-btn{display:flex;justify-content:space-around;align-items:center}.main-mobile{display:flex;grid-template-columns:auto auto auto;justify-content:space-between;padding:20px;transition:all .5s}.icon{transition:.6s}.mobile-list{display:flex}.main-mobile ul button{background-color:transparent;border:none;padding:0 10px}.language-part{display:flex;align-items:center;justify-content:space-between}.empty-size{height:61vh}}@media screen and (max-width: 400px){.main-mobile .navbar-pages ul li a{font-size:.7rem}.lang-btn.icon{font-size:1.5rem}.mobile-list ul button{font-size:.6rem}.weather-form input{width:180px;padding:5px;font-size:.6rem}.weather-form button{width:120px;padding:2px}}*{margin:0;padding:0}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40px}.dark p{color:#c5e3fa}p{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){p{font-size:.6rem}}