#root{margin:0 auto;min-height:100vh;min-width:100vw;text-align:center;font-family:Montserrat,serif;color:#fff}.background{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;z-index:-1}body,p{text-align:left}.logo{letter-spacing:.1rem;margin-bottom:0;font-size:2rem}.header{max-width:50%;margin-left:2rem;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.main-view{display:flex;justify-content:center;align-items:center;flex-direction:column;min-width:600px;min-height:600px;width:50%;height:75%;margin:auto}.login-text{background-color:#d9d9d9d9;width:25rem;height:48px;margin-bottom:.25rem;border:none;font-family:inherit;font-size:20px;letter-spacing:.05rem;color:#000}.login-field{display:flex;justify-content:center}.login-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.icon{background-color:#bbbbbbe6;height:50px;width:50px;display:flex;align-items:center;justify-content:center}.icon-image{max-height:60%;max-width:60%}.main-icon{margin-bottom:1rem}.circle{width:100px;height:100px;background-color:#d9d9d9;border-radius:50%;margin-top:8rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.login-button{background-color:#d9d9d9e6;color:#000;font-family:inherit;letter-spacing:.05rem;width:8rem;border-radius:0;margin-top:1rem;margin-bottom:.25rem}.guest-button{background-color:#989898e6;color:#000;border-radius:0;font-family:inherit;letter-spacing:.05rem;width:8rem}.login-container{display:flex;justify-content:left;align-items:center;flex-direction:column}.prompt-box{margin-top:3rem;width:80%;height:80%;border-radius:6px;background-color:#d9d9d9d9}.header-description{text-align:left;color:#000;font-size:24px;margin-left:1.5rem}.header-container{display:flex;align-items:center;margin-bottom:0}.inner-prompt-box{margin:1rem;display:flex;justify-content:center;align-items:center;background-color:#fff}.word-count{text-align:right;margin-right:2rem;color:#000}.dream-text-box{width:90%;height:90%;min-height:512px;min-width:60%;resize:none;margin-left:1rem;margin-right:1rem;color:#1a1a1af2;background-color:#d9d9d9;border:none;border-radius:6px;font-size:16px}.submit-button{margin-bottom:1rem;width:auto;height:2.5rem;background-color:#d9d9d9;color:#000;border:none;font-size:18px}.english-box{display:flex;color:#000;align-items:center;margin-left:1rem;margin-bottom:1rem}.loading-gif{margin-top:1rem;width:100px;height:100px}.button-container{display:flex;justify-content:flex-end;align-items:center;margin-right:2rem;margin-left:auto}.overlay-button{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#b8b8b9;color:#000;border:2px solid black}.overlay-text{font-family:inherit;font-size:15px;max-width:20rem;margin-left:.5rem;margin-right:.5rem}.image{min-width:512px;min-height:512px}.button{margin-top:1rem;width:auto;height:2.5rem;background-color:#bdbdbd;color:#000;border:none;font-size:18px}.button:hover{border:none}.alert{background-color:#d9d9d9bf;padding:1rem;color:#000}.top{display:flex;align-items:center;margin-bottom:1rem}.header-description2{text-align:left;color:#d9d9d9;font-size:24px;margin-left:1.5rem}.refresh-button{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#b8b8b9;color:#000;border:2px solid black}.spacer{display:flex;justify-content:flex-end;align-items:center;margin-right:2rem;margin-left:auto}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
