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,button,h1,h2,input,p{color:#333;font-family:Merriweather Sans,sans-serif;margin:0;padding:0}body{background-color:#f8f8f8}.container{margin:0 auto;max-width:800px;padding:20px}.header{height:50px;justify-content:space-between}.brandlogo,.header{align-items:center;display:flex}.brandlogo{margin-left:30px}.logo{aspect-ratio:1/1;width:50px}.brandlogo h1{color:#fff;-webkit-filter:drop-shadow(6px 6px 2px #000);filter:drop-shadow(6px 6px 2px black);font-size:25px;font-weight:700}.inputfield{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(0,0,0,.47);border:1.5px solid #fff;border-radius:4px;color:#fff;margin-right:15px;width:200px}.inputfield,.submit{cursor:pointer;font-size:14px;padding:8px 16px}.submit{background-color:#fff;border:none;border-radius:4px;color:#000;margin-right:30px}.section{height:100%;justify-content:space-around;width:50%}.fullpage,.section{display:flex}@media only screen and (max-width:992px){.fullpage{display:block}.section{height:50%;width:100%}}@media only screen and (max-width:768px){.header{display:flex;flex-direction:column;height:100px;justify-content:space-around}.brandlogo{margin-left:0}.inputfield{margin-right:15px}.submit{margin-right:0}}.main-card{background-color:#0000009d;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;margin-top:5px;padding:20px;width:85%}.row{display:flex;flex-direction:row;justify-content:space-between;overflow:scroll;width:100%}.row::-webkit-scrollbar{display:none}.main-card h2{color:#fff;font-size:20px;margin-bottom:10px}.specday{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(49,48,48,.696);border-radius:10px;display:flex;justify-content:space-between;padding:0 20px}.specday div p{color:#fff;font-size:15px}.specday2{justify-content:center}.specday2,.weather-card{align-items:center;display:flex}.weather-card{background-color:initial;border-radius:4px;flex-direction:column;margin-bottom:0;margin-right:15px;padding:10px}.weather-card p{color:#fff;font-size:15px;font-weight:bolder}.weather-card img{aspect-ratio:1/1;-webkit-filter:drop-shadow(5px 5px 1px #000);filter:drop-shadow(5px 5px 1px black);width:70px}.day-buttons{display:flex;justify-content:space-between;margin-bottom:15px}.day-button{background-color:initial;border:1px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.zoom:hover{box-shadow:6px 6px 6px 6px rgba(0,0,0,.16);-webkit-transform:scale(1.07);transform:scale(1.07);transition:.2s}.day-button.selected{background-color:#fff;color:#000}.arrow,.cdcontain{display:flex;justify-content:space-between}.moving-arrow-container{-webkit-animation:moveArrow 1s infinite;animation:moveArrow 1s infinite}@-webkit-keyframes moveArrow{0%,to{-webkit-transform:translateX(-20%);transform:translateX(-20%)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveArrow{0%,to{-webkit-transform:translateX(-20%);transform:translateX(-20%)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.line-chart-container{margin-bottom:20px}@media only screen and (max-width:480px){.specday div p{font-size:12px}.weather-card p{font-size:13px;font-weight:bolder}.weather-card img{width:40px}.weather-card{margin-right:10px}.specday2 img{width:60px}.day-button{font-size:12px;padding:5px 12px}}.currentday{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:8px;height:100%;margin-top:5px;padding:20px;width:85%}.currentday h2{color:#fff;-webkit-filter:drop-shadow(3px 3px 1px #000);filter:drop-shadow(3px 3px 1px black)}.currentday p{color:#fff}.currentday img{-webkit-filter:drop-shadow(5px 5px 1px #000);filter:drop-shadow(5px 5px 1px black)}.citytemp{margin-right:20px}.city{align-items:center;display:flex;height:20%;justify-content:space-between}.citytemp h2{text-align:center}.citytemp p{color:#fff;-webkit-filter:drop-shadow(3px 3px 1px #000);filter:drop-shadow(3px 3px 1px black);font-size:65px;text-align:right}.info{align-items:center;display:flex;-webkit-filter:drop-shadow(3px 3px 2px #000);filter:drop-shadow(3px 3px 2px black);flex-direction:column;justify-content:center;margin-bottom:50px;width:30%}.info p{font-size:13px}.infocontain{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px}@media only screen and (max-width:1024px){.info p{font-size:15px}.citytemp p{font-size:65px}}@media only screen and (max-width:768px){.info p{font-size:12px}}
/*# sourceMappingURL=main.3b2714b7.css.map*/