body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,Arial!important;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{background-color:#00000083;margin:0 auto;max-width:1080px;padding-top:2rem}.box{margin:2px auto;max-width:900px;padding-bottom:1rem}.bg{background-attachment:fixed;background-origin:content-box;background-position:50%;background-repeat:no-repeat;background-size:cover}.weather{background-color:#0c0c0cc1;border-radius:6px;box-shadow:10px -2px 20px 2px rgba(0,0,0,.3);color:#fff;margin:20px auto 0;padding:0 20px 20px;width:300px}.bottom,.top{align-items:center;display:flex;justify-content:space-between}.city{font-size:18px;font-weight:600;letter-spacing:1px;line-height:1;margin:0}.weather-description{font-size:14px;font-weight:400;line-height:1;margin:0}.weather-icon{width:100px}.temperature{font-size:70px;font-weight:600;letter-spacing:-5px;margin:10px 0;width:auto}.details{padding-left:20px;width:100%}.parameter-row{display:flex;justify-content:space-between}.parameter-label{font-size:12px;font-weight:400;text-align:left}.parameter-value{font-size:12px;font-weight:600;text-align:right}.title{color:#f5f5f5;font-size:23px;font-weight:700}.daily-item{align-items:center;background-color:#f4e9e9b9;border-radius:15px;cursor:pointer;display:flex;font-size:14px;height:40px;margin:5px;padding:5px 20px}.icon-small{width:40px}.day{color:#0c0c0c;flex:1 1;font-weight:600;margin-left:15px}.description{flex:1 1;margin-right:15px;text-align:right}.min-max{color:#5b0303}.daily-details-grid{grid-row-gap:0;grid-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;display:grid;flex:1 1;grid-template-columns:auto auto;padding:5px 15px;row-gap:0}.daily-details-grid-item{align-items:center;display:flex;height:30px;justify-content:space-between}.daily-details-grid-item label:first-child{color:#fefcfc}.daily-details-grid-item label :last-child{color:#0d0d0d;font-weight:200}@media only screen and (max-width:600px){.daily-details-grid{grid-row-gap:1rem;grid-column-gap:30px;-webkit-column-gap:30px;column-gap:30px;display:grid;flex:1 1;grid-template-columns:auto auto;padding:5px 15px;row-gap:0}}.nav{display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end;padding-bottom:.5rem}.btn{background-color:rgba(0,0,0,.671);border:none;border-radius:5px;color:#faebd7;height:1.5rem;width:80px}
/*# sourceMappingURL=main.e3c0734f.css.map*/