*{box-sizing:border-box;margin:0}html{height:100%}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;height:100vh;overflow:auto}#root{background:url(/static/media/cloud.be5e2a6e9fdbce49e69d.svg) no-repeat 50%/cover;display:grid;grid-template-rows:auto 1fr auto;place-content:center;place-items:center}@media(max-width:600px){#root{background:#add8e6}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}div.app{grid-row-gap:20px;align-items:flex-start;display:grid;grid-template-rows:auto 1fr auto auto;min-height:100vh;row-gap:20px}@media(max-width:600px){div.app{max-width:375px;padding:initial;row-gap:0;width:100%}}nav.Header{display:grid;padding:20px;place-items:center}nav.Header img{transition:all .5s;width:160px}nav.Header img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media(max-width:600px){nav.Header{max-width:375px;padding:20px}}div.main{grid-row-gap:30px;color:#fff;min-width:550px;place-content:center;row-gap:30px}div.main,div.main>div.input{display:grid;place-items:center}div.main>div.input{grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;grid-template-columns:700px 20px 20px;width:100%}div.main>div.input>input{border:none;border-radius:10px;box-shadow:-4px 9px 25px -6px rgba(0,0,0,.1);height:40px;min-width:450px;text-align:center;width:100%}div.main>div.input>img{cursor:pointer;transition:all .5s;width:20px}div.main>div.input>img:hover{-webkit-transform:scale(1.25);transform:scale(1.25)}div.main>div.middle{grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:1fr 200px}div.main>div.middle>div.current{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:rgba(145,194,240,.2);border-radius:15px;box-shadow:-4px 9px 25px -6px rgba(0,0,0,.1);display:grid;grid-template-rows:150px 1fr 100px;max-width:700px;min-height:470px;padding:20px}div.main>div.middle>div.current>div.currentDate{grid-row-gap:10px;display:grid;font-size:22px;place-content:center;place-items:center;row-gap:10px}div.main>div.middle>div.current>div.currentDate>h1{font-size:36px;font-weight:bolder}div.main>div.middle>div.current>div.currentDate>p:nth-child(3){font-size:20px}div.main>div.middle>div.current>div.currentWeather{grid-row-gap:40px;display:grid;grid-template-columns:1fr 1fr 1fr;place-content:center;place-items:center;row-gap:40px}div.main>div.middle>div.current>div.currentWeather>img{height:150px;width:140px}div.main>div.middle>div.current>div.currentWeather>h1{font-size:72px}div.main>div.middle>div.current>div.currentWeather>div.currentInfo{grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}div.main>div.middle>div.current>div.extraInfo{grid-column-gap:10px;align-content:flex-end;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(4,auto);place-items:center}div.main>div.middle>div.current>div.extraInfo>div{display:grid;grid-template-columns:auto auto;place-items:center}div.main>div.middle>div.current>div.extraInfo img{width:32px}div.main>div.middle>div.forecastBox{grid-row-gap:10px;display:grid;grid-template-rows:repeat(3,150px);max-height:150px;max-width:150px;row-gap:10px}div.main>div.middle>div.forecastBox>div.forecast{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:rgba(145,194,240,.3);border-radius:15px;box-shadow:-4px 9px 25px -6px rgba(0,0,0,.1);display:grid;padding:10px;place-content:center;place-items:center}div.main>div.middle>div.forecastBox>div.forecast>img{width:80px}@media(max-width:600px){div.main{max-width:375px;min-width:0;min-width:auto}div.main>div.input{grid-template-columns:250px 20px 20px}div.main>div.input>input{max-width:250px;min-width:0;min-width:auto}div.main>div.middle{border-radius:20px;grid-template-columns:375px;grid-template-rows:auto auto;padding-bottom:20px}div.main>div.middle>div.current{background-color:hsla(0,0%,100%,.2);grid-template-rows:150px 1fr 75px;max-width:375px}div.main>div.middle>div.current>div.currentDate{max-width:375px}div.main>div.middle>div.current>div.currentWeather{grid-template-columns:none;grid-template-rows:100px 50px 50px;max-width:375px}div.main>div.middle>div.forecastBox{-webkit-column-gap:5px;column-gap:5px;grid-template-columns:repeat(3,120px);grid-template-rows:none;height:200px;padding-top:20px}div.main>div.middle>div.forecastBox>div.forecast{background-color:hsla(0,0%,100%,.2)}}div.Footer{grid-column-gap:50px;color:#000;-webkit-column-gap:50px;column-gap:50px;display:grid;font-size:12px;place-content:center;place-items:center}div.Footer>a{text-decoration:none;transition:all .5s}div.Footer>a:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media(max-width:600px){div.Footer{grid-template-columns:none;max-width:375px;padding-bottom:10px}}div.Impressum{display:grid;height:80%;place-content:center;place-items:center}div.Impressum>h1{padding-bottom:10px}nav.DetailView{grid-column-gap:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.75);border-top-left-radius:10px;border-top-right-radius:10px;bottom:0;box-shadow:-4px 9px 25px -6px rgba(0,0,0,.1);-webkit-column-gap:50px;column-gap:50px;display:grid;grid-template-columns:1fr 1fr;height:75px;padding-bottom:20px;place-content:center;place-items:center;place-self:center;position:-webkit-sticky;position:sticky;width:300px}nav.DetailView>a{display:grid;place-items:center;text-decoration:none}nav.DetailView>a img{height:25px;transition:all .5s;width:25px}nav.DetailView>a img:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}nav.DetailView>a>p{background-color:#000;border-radius:5px;bottom:0;color:#fff;font-size:14px;left:0;opacity:0;padding:5px;position:relative;transition:all .75s}nav.DetailView>a:hover>p{bottom:15px;opacity:1}@media(max-width:600px){nav.DetailView{-webkit-column-gap:0;column-gap:0;max-width:175px}}
/*# sourceMappingURL=main.1e3c72a2.css.map*/