@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&family=Roboto+Condensed:wght@300;400;700&display=swap);:root{--black:#222831;--white:#fff;--lavender:#a474f1;--light-lavender:#a474f14f}*{font-family:Quicksand,sans-serif}::-webkit-scrollbar,::-webkit-scrollbar-thumb{background-color:initial;height:0;width:0}body{font-size:1rem;font-weight:400;height:100%;line-height:1.5;margin:0;padding:0}.d,.d button,.d button:not(.n),.d select,.d select:not(.n){background-color:#fff;background-color:var(--white);color:#222831;color:var(--black)}.d button:not(.disabled):hover{background-color:#a474f1;background-color:var(--lavender);color:#fff;color:var(--white)}.n,.n button,.n button:not(.d),.n select,.n select:not(.d){background-color:#222831;background-color:var(--black);color:#fff;color:var(--white)}.n button:not(.disabled):hover{background-color:#a474f1;background-color:var(--lavender);color:#fff;color:var(--white)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button,select{border:none}.weather-container{display:flex;flex-wrap:wrap}.weather-items{margin:0 1.35rem;padding:1rem 0}.weather-items:first-child{flex:0 1 46%;max-height:30%;max-width:46%;min-height:30%;order:1}.weather-items:nth-child(2){order:2}.weather-items:nth-child(2),.weather-items:nth-child(3){flex:0 1 22%;max-height:30%;max-width:22%;min-height:30%}.weather-items:nth-child(3){order:3}.weather-items:nth-child(4){flex:0 1 30%;max-height:70%;max-width:30%;min-height:70%;order:4}.weather-items:nth-child(5){flex:0 1 63%;max-height:70%;max-width:63%;min-height:70%;order:5}@media (max-width:767px){.weather-items:first-child,.weather-items:nth-child(2),.weather-items:nth-child(3),.weather-items:nth-child(4),.weather-items:nth-child(5){flex:0 1 100%;max-height:auto;max-width:100%;min-height:auto}.weather-items:first-child{order:2}.weather-items:nth-child(2){order:4}.weather-items:nth-child(3){order:1}.weather-items:nth-child(4){order:3}.weather-items:nth-child(5){order:5}}@media(min-width:768px) and (max-width:1023px){.weather-items:first-child,.weather-items:nth-child(3){flex:0 1 44%;max-height:30%;max-width:44%;min-height:30%}.weather-items:nth-child(2),.weather-items:nth-child(4),.weather-items:nth-child(5){flex:0 1 100%;max-height:70%;max-width:100%;min-height:70%}.weather-items:first-child{order:1}.weather-items:nth-child(2){order:4}.weather-items:nth-child(3){order:2}.weather-items:nth-child(4){order:3}.weather-items:nth-child(5){order:5}}@media(min-width:1024px) and (max-width:1327px){.weather-items:first-child{flex:0 1 40%;max-width:40%}.weather-items:nth-child(3){flex:0 1 24%;max-width:24%}.weather-items:nth-child(5){flex:0 1 58%;max-width:58%}}.selection-container .selection-text{color:#8c8c8c;cursor:pointer;font-size:20px}.selection-container .selection-text.active{color:var(--lavender)!important;font-size:25px!important}.info{display:flex;flex-flow:wrap;justify-content:flex-end;text-align:end}.info .current-time{flex:0 1 100%;line-height:1;max-height:50%;max-width:100%;min-height:50%}.info .time-format{flex:0 1 20%;max-height:50%;max-width:20%;min-height:50%}.info .github-icon{flex:0 1 10%;max-height:50%;max-width:10%;min-height:50%}.msg-container{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.back-button{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.msg-text{font-size:5rem;text-align:center}@media (max-width:767px){.msg-text{font-size:4rem}}.search{align-items:center;border-radius:25px;display:flex;margin-bottom:10px;outline:2px solid #0000;padding:10px}.search,.search input{background-color:#efefef}.search input{border:0;flex:1 1;width:100%}.search .search-icon{background:#0000;border:0;color:#748cf1;cursor:pointer;font-size:20px;padding:5px;right:45px;top:30px}@media only screen and (max-width:767px){.search input{margin-right:10px;width:calc(100% - 40px)}}.search :focus-visible{outline:none}.weather-summary{margin:10px;padding:10px}.weather-summary,.weather-summary .temperature{text-align:center}.weather-summary .temperature .value{font-size:55px}.weather-summary .temperature .unit-format{font-size:40px;position:relative;top:-6px}.weather-summary .temperature .weathertext{font-size:24px;line-height:0;margin-left:-20px}.weather-summary .date-info{line-height:1;margin-top:3.5rem}.weather-summary .date-info .date{font-size:2rem}.weather-summary .date-info .daystatus,.weather-summary .date-info .time{font-size:1.3rem}.weather-summary .location-info p{font-size:40px;margin-top:10px;text-align:center}.date-slection-box{align-items:center;display:flex;flex-flow:column;justify-content:center}.date-slection-box .weekday{font-size:2rem}.date-slection-box .dates{align-items:center;display:flex;flex-flow:row;justify-content:flex-start;max-width:100%;overflow-x:auto;position:relative}.date-slection-box .dates button{border:none;border-radius:1rem;box-shadow:0 0 0 1px #0000000d,inset 0 0 0 1px #8239f7cc;cursor:pointer;margin:0 1rem;padding:.4rem 1rem}.date-slection-box .dates button:disabled{background-color:var(--light-lavender);cursor:not-allowed}.scroll-arrow{cursor:pointer;font-size:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.scroll-left{left:0}.scroll-right{right:0}.forecast-container{cursor:all-scroll;display:flex;flex-wrap:wrap;max-height:580px;overflow:auto}.forecast-card{border-radius:20px;box-shadow:0 2px 5px -1px #8239f7cc,0 1px 3px -1px #0000;display:flex;flex:0 0 23%;flex-flow:wrap;justify-content:center;margin:15px;max-width:23%;padding:0 25px;text-align:center}.forecast-card .description,.forecast-card .time{flex:0 0 100%;font-size:1rem;line-height:0;max-width:100%}.forecast-card .temperature{flex:0 0 100%;font-size:2rem;line-height:0;max-width:100%;text-align:center}@media (max-width:767px){.forecast-card{flex:0 0 70%;max-width:100%;padding-top:5px}.forecast-card .description,.forecast-card .time{font-size:1rem;line-height:normal}}@media(min-width:768px) and (max-width:1024px){.forecast-card{flex:1 0;max-width:100%;padding-top:5px}.forecast-card .description,.forecast-card .time{font-size:.8rem!important;line-height:normal!important}}.weather-info-container{display:flex;flex-flow:wrap}.weather-info-container .weather-info-box{background-color:#a474f1;border-radius:20px;color:#fff;flex:0 1 25%;margin:10px;max-width:25%;padding:0 20px}@media (max-width:767px){.weather-info-container .weather-info-box{flex:1 0;max-width:100%}}@media(min-width:768px) and (max-width:1024px){.weather-info-container .weather-info-box{flex:1 0;max-width:100%}}.weather-info-container .weather-info-box .title{color:#eaeaea}.weather-info-container .weather-info-box .value{font-size:30px;line-height:0}.weather-info-container .weather-info-box .value .unit{font-size:18px;padding-left:12px}
/*# sourceMappingURL=main.cfb7f545.css.map*/