#root,body,html{background-color:hsla(0,0%,100%,.616);height:100%;width:100%;font-family:"Raleway",sans-serif}body{margin:0}#app{width:100%;height:100%}.container{height:100%}.container,.quote-box{display:flex;align-items:center;justify-content:center}.quote-box{flex-direction:column;width:50%;height:50%;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.5),0 3px 5px rgba(0,0,0,.3);border-radius:5px}.quote-container{display:flex;justify-content:center;align-items:center;width:30vw;height:30vh}.quote-content{font-size:25px;font-family:Helvetica;text-align:center}.button-refresh{padding:0;position:-webkit-sticky;position:sticky}.refresher:focus{outline:0;text-shadow:none}.refresher:hover{cursor:pointer}@media only screen and (max-width:500px){.quote-box{width:90%;height:50%}.quote-content{font-size:22px}.refresher{width:100%;height:6vh;font-size:20px}.quote-container{width:80vw;height:30vh}}.nav-bar{display:flex;flex-direction:row;width:100%;height:7.5%;background:#fff;justify-content:space-between;align-items:center;margin:0;z-index:1;box-shadow:0 3px 6px rgba(0,0,0,.15),0 3px 6px rgba(0,0,0,.1)}.nav-bar-left{display:flex;justify-content:flex-start;height:100%}.nav-bar-right{display:flex;justify-content:flex-end;padding-right:25px;height:100%}.nav-bar-items{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:20px;font-family:sans-serif;width:7%;padding-left:15px;padding-right:15px}.nav-bar-items:hover{border-radius:5px;background-color:rgba(184,245,115,.575)}.link{text-decoration:none}.link,.link:hover{color:#000}@media only screen and (max-width:500px){.nav-bar-items{font-size:15px;padding-left:12px;padding-right:12px;width:13%}.nav-bar-right{padding-right:10px}}.login-container{display:flex;height:100%;width:100%;flex-direction:column;justify-content:center;align-items:center}.form{width:30%;padding:25px}.center{margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.register-container{display:flex;height:100%;width:100%;flex-direction:column;justify-content:center;align-items:center}.form{width:40%;padding:40px;border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.5),0 3px 6px rgba(0,0,0,.15);background:#fff}.hello{margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media only screen and (max-width:500px){.form{width:80vw;padding:18px}}
/*# sourceMappingURL=main.6b7ffbe7.chunk.css.map */