*{margin:0;padding:0;box-sizing:border-box;overflow:hidden}body{font-family:"Roboto",sans-serif;color:#fff}.App{height:100vh;width:100vw;background-color:#2c3e50;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.background{background-position:50%;background-size:cover;height:100%;width:100%;-webkit-animation:fadein 3s;animation:fadein 3s}.weatherContainer{position:absolute;top:10px;right:10px;text-align:end}.temperatureContainer{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.city,.temperature,.weatherDescription{font-weight:100}.welcomeContainer{position:absolute;top:25%;width:100%}.clock{font-size:10rem;text-align:center}.welcomeMessage{text-align:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.welcomeMessage p{font-size:3.7rem;margin-left:50px}.editUsername{background:hsla(0,0%,100%,.15);border-radius:40px;padding:10px;opacity:0;transition:.5s ease;cursor:pointer;z-index:2}.editUsername:hover{opacity:1}.usernameForm{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:100%;text-align:center;margin-top:-5%}.usernameLabel{font-size:2.5rem}.username{background:none;border-style:none;border-bottom:2px solid #fff;outline:none;color:#fff;width:600px;padding-bottom:10px;margin-top:20px;font-size:3rem;text-align:center}.quoteContainer{position:absolute;bottom:5px;text-align:center;font-size:18px;width:80%;height:60px}.quote{margin-top:15px;z-index:2}.author,.quote{position:relative;transition:.5s ease}.author{z-index:1;margin-top:-25px;opacity:0;font-size:15px}.quoteContainer:hover>.author{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}.quoteContainer:hover>.quote{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.backgroundLocation{position:absolute;bottom:10px;left:10px;font-size:14px;font-weight:100}.photographer{font-size:12px;text-decoration:none;color:#fff;padding-top:5px;opacity:.65}.show{transition:1s ease;opacity:1}.hide{transition:.5s ease;opacity:0}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media only screen and (max-height:600px){.welcomeMessage{display:none}}@media only screen and (max-width:1000px){.backgroundLocation{display:none}}@media only screen and (max-width:600px){.clock{font-size:6rem}.welcomeMessage p{font-size:2.5rem}.username{width:400px}}@media only screen and (max-width:450px){.usernameLabel{font-size:2rem}.username{width:60%}.quote{font-size:1rem}}
/*# sourceMappingURL=main.fe4882ab.chunk.css.map */