.mainContainer{background-color:rgba(0,0,0,.4);height:100vh;position:relative;width:100%}.mainContainer:before{background:url(/static/media/bg1.7687b702efafb95e6ede.jpeg) no-repeat 50%/cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.menu{display:flex;flex-direction:row;list-style:none}.item{padding:20px}.navbar{background-color:rgba(68,105,111,.6);border:1px solid #39303066;display:flex;justify-content:flex-end;left:0;right:0;top:0}.btn{background-color:#2b5f6c;border:2px solid #1125297a;border-radius:50px;color:#fff;margin:5%;padding:10px 30px}.menuBtn{background-color:transparent;border:none;color:#fff;cursor:pointer;font-size:16px}.menuBtn:hover{color:#d2691e}.buttons{background-color:rgba(68,105,111,.46);border:1px solid #39303066;border-radius:5px;flex-direction:row;padding:2%;position:absolute;width:95.8%}.buttons,.paragraph{display:flex;justify-content:center}.loginForm{border:1px solid #fff;margin-top:10%}.loginForm,.signupForm{background-color:rgba(68,105,111,.46);border-radius:20px;display:flex;flex-direction:column;justify-content:center;margin-left:30%;position:absolute;width:500px}.signupForm{border:1px solid #fff;margin-top:5%}input{background-color:#f5f0dc;border:1px solid brown;border-radius:10px;margin:5%;padding:10px}.main{align-items:center;background-color:rgba(68,105,111,.46);border:1px solid #39303066;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:5%;width:89.8%}.date{text-align:center}.weatherApp{background-color:rgba(0,0,0,.4);color:#fff;height:90%;position:relative;width:100%}.weatherApp:before{background:url(/static/media/background.5a7645b8c20fb13016f2.jpeg) no-repeat 50%/cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.weatherContainer{display:flex;flex-direction:column;height:680px;justify-content:space-between;margin:auto;max-width:600px;padding:0 1rem;position:relative;top:5%}.weatherApp .bottom,.weatherApp .top{margin:1rem auto;width:100%}.weatherApp .bottom{background-color:hsla(0,0%,100%,.2);border-radius:12px;display:flex;justify-content:space-evenly}.weatherApp .bottom,.weatherApp .search{padding:1rem;text-align:center}.weatherApp input{background:hsla(0,0%,100%,.1);border:25px;border:1px solid hsla(0,0%,100%,.8);font-size:1.2rem;padding:.7rem 1.5rem}
/*# sourceMappingURL=main.0fde300a.css.map*/