body{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}.App{--cardMT:30px;--bgCLR:rgba(0,0,0,.53);--primaryCLR:#a6aad1;--secondaryCLR:#d3d3d3;height:100vh;text-align:center}.sunny{background-image:url(/static/media/sunny.5ae4d133695e8c455a65.jpeg)}.rainy,.sunny{background-size:cover}.rainy{background-image:url(/static/media/rainy.58b799e1a49f57d4f7bc.jpg)}.cloudy{background-image:url(/static/media/cloudy.0f9d6c651a85052549b8.jpg)}.cloudy,.snowy{background-size:cover}.snowy{background-image:url(/static/media/snowy.b8d972366016139546c3.jpg)}.default{background-image:url(/static/media/default.3b66cd3cdfa501f1b7ef.jpg);background-position:100%;background-size:cover}form{align-items:center;display:flex;justify-content:center}form input{border-radius:10px;padding:10px}button,form input{border:none;height:30px;margin-top:50px}button{background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50px;cursor:pointer;margin-left:10px;width:30px}.WeatherDetailsCard{background:var(--bgCLR);border-radius:20px;bottom:50px;height:130px;margin:auto;margin-top:var(--cardMT);width:330px}.cardContainer1{align-items:center;display:flex;gap:1rem;height:60%;justify-content:center;margin:auto;width:90%}.cardContainer1 .col1,.cardContainer1 .col2,.cardContainer1 .col3,.cardContainer1 .col4{display:flex;flex-direction:column;width:75px}.cardContainer1 .col1 .unitKM,.cardContainer1 .col1 .unitM,.cardContainer1 .col2 .unitKM,.cardContainer1 .col2 .unitM,.cardContainer1 .col3 .unitKM,.cardContainer1 .col3 .unitM,.cardContainer1 .col4 .unitKM,.cardContainer1 .col4 .unitM{font-size:10px}.divider hr,.dividerShort hr{margin:auto;opacity:.3;width:90%}.cardContainer2{align-items:center;display:flex;gap:1rem;justify-content:center}.minC,.minF{font-size:12px}.txtCol1,.txtCol2,.txtCol3,.txtCol4,.txtCol5,.txtCol6,.txtCol7{color:#6fb8f9}.dataCol1,.dataCol2,.dataCol3,.dataCol4,.dataCol5,.dataCol6,.dataCol7{color:var(--secondaryCLR)}.forecastCard{background:var(--bgCLR);border-radius:20px;height:130px;margin:auto;margin-top:var(--cardMT);width:330px}.forecastCard .forecastDays{display:flex;gap:10px;justify-content:space-around;margin:10px auto auto;width:90%}.forecastCard .forecastDays .days{display:flex;margin-top:10px}.forecastCard .forecastDays .days .day0{display:flex;flex-direction:column}.forecastCard .forecastDays .days .day0 .txt{color:var(--primaryCLR);font-weight:700}.forecastCard .forecastDays .days .day0 .minmax{color:var(--secondaryCLR);font-size:12px}.forecastCard .forecastDays .days .day0 .temp{color:var(--secondaryCLR);display:flex;justify-content:center;width:100px}.forecastCard .forecastDays .days .day0 .temp .divider{margin-left:5px;margin-right:5px}.forecastCard .forecastDays .days .icon img{width:35px}.forecastCard .forecastDays .days .rainProb span{color:var(--secondaryCLR);font-size:10px;margin:0}.forecastCard .forecastDays .days .rainProb span .rainChance{font-weight:700;margin-left:2px}*{box-sizing:border-box;margin:0;padding:0}.infoCard{background:var(--bgCLR);border-radius:20px;margin:auto;margin-top:var(--cardMT);width:330px}.infoCard h3{color:var(--primaryCLR);padding-top:5px}.infoCard .localTime{align-items:center;display:flex;justify-content:space-around;margin:auto;width:90%}.infoCard .localTime .time{color:var(--primaryCLR);font-size:2rem;margin-top:10px}.infoCard .localTime .date{color:#f5e3e3;font-size:14px;margin-top:10px}.infoCard .message{color:var(--secondaryCLR);font-size:14px;margin:10px auto auto;padding-bottom:10px;width:90%}.firstCard{background:var(--bgCLR);border-radius:20px;margin:auto;margin-top:calc(var(--cardMT) + 10px);width:330px}.location{align-items:baseline;display:flex;gap:10px;justify-content:center;padding-top:15px}.location .city{color:#f5f5f5;font-weight:700}.location .country{color:#f5f5f5}.location .localTime{color:#f5f5f5;font-size:10px}.shortWeather{display:flex}.shortWeather .localTemp{color:var(--primaryCLR);font-size:4.5rem;font-weight:bolder;margin-left:1rem;width:60px}.shortWeather button{background:transparent;border:none}.shortWeather .tempC,.shortWeather .tempF{color:var(--primaryCLR);cursor:pointer}.shortWeather .tempC.active,.shortWeather .tempC:active,.shortWeather .tempC:focus,.shortWeather .tempF:active,.shortWeather .tempF:focus{color:#adff2f}.shortWeather .divider{color:#9c8585}.shortWeather img{height:100px;width:100px}.shortWeather .condition{color:var(--secondaryCLR);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tempNow{height:100%;position:relative;width:35%}.unitBtn{height:2rem;left:70px;position:absolute;top:0;width:5rem}.unitBtn button{margin:0;padding:0}.loader{align-items:center;display:flex;height:100%;justify-content:center}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:13px solid rgba(0,0,0,.3);border-radius:50%;border-top:13px solid var(--primaryCLR);height:140px;width:140px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.336ac632.css.map*/