.main-section-wrapper{width:100%;height:70vh;display:flex;justify-content:center}.main-section{height:70vh;padding-top:40px;position:relative;width:1200px}.main-section-hero{height:100%;position:relative;padding:0 150px}.main-section .hero-header{position:absolute;width:65%;height:100%;background-image:radial-gradient(#000 0,rgba(0,0,0,.5) 50%,transparent 90%,transparent 100%);z-index:2}.hero-header h1{font-size:6em;font-family:Fredoka,sans-serif;font-weight:500;color:var(--light-green);text-shadow:0 0 7px var(--light-green);animation:load-hero-text 2.5s cubic-bezier(.165,.84,.44,1);padding:10px}.hero-image{position:absolute;right:0;bottom:0;width:70%;display:flex;justify-content:flex-end;align-items:bottom;z-index:0;background-image:radial-gradient(#000 0,rgba(0,0,0,.5) 50%,transparent 90%,transparent 100%)}.hero-image img{width:100%;filter:blur(1px);animation:load-hero-image 2.5s cubic-bezier(.165,.84,.44,1)}.auth-background{height:100vh;width:100%;align-items:center}.auth-background,.auth-container{display:flex;justify-content:center}.auth-container{box-shadow:6px 6px 500px rgba(8,255,41,.24);height:500px;width:800px;border-radius:20px;animation:fadein 2.5s cubic-bezier(.165,.84,.44,1);background-color:transparent}.auth-form{background-color:#232125;color:#fff;border-top-left-radius:20px;border-bottom-left-radius:20px;height:100%;width:55%;justify-content:center;display:flex;flex-direction:column;align-items:center;gap:30px}.auth-form .input-group{display:flex;flex-direction:column;gap:10px;width:70%}.input-group input{border:1px solid #fff;color:#fff;border-radius:5px;font-weight:lighter}.auth-form button,.input-group input{outline:none;background:none;padding:10px;font-family:Fredoka,sans-serif;font-size:1em}.auth-form button{width:70%;border:none;background-color:var(--light-green);border-radius:5px;color:#000;cursor:pointer}.auth-form button:hover{background-color:var(--primary-color);transition:all .5s}.auth-right{width:45%;background-color:var(--light-green);border-top-right-radius:20px;border-bottom-right-radius:20px;display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;gap:10px}.auth-right h1{font-size:2.5em;margin-bottom:10px}.auth-right h4{font-weight:300;font-size:1.1em;margin-bottom:5px}.auth-right button{width:30%;padding:10px;font-size:1em;font-family:Fredoka,sans-serif;background:none;outline:none;border:1px solid #000;background-color:var(--light-green);border-radius:5px;color:#000;cursor:pointer}.auth-form h1{font-family:Fredoka,sans-serif;font-weight:300}@keyframes fadein{0%{opacity:0}}@import url("https://fonts.googleapis.com/css2?family=Merienda:wght@300..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap");:root{--light-green:#06bd5b;--background-color:#0c0917;--primary-color:#04944c}*{box-sizing:border-box;margin:0;padding:0}h1{font-family:Merienda,cursive;font-optical-sizing:auto;font-style:normal}a{text-decoration:none;color:inherit}ul{list-style:none}body{font-family:Fredoka,sans-serif;min-height:100vh;background-size:100% 100%;background-position:0 0;background-image:repeating-radial-gradient(75% 75% at 50% 50%,#000 0,#08041d 100%)}.header-main{width:100%;height:100px;justify-content:center;background-color:transparent;animation:load-header 1s cubic-bezier(.165,.84,.44,1)}.header-main,.nav-wrapper{display:flex;align-items:center}.nav-wrapper{height:100%;width:90%;max-width:1300px;justify-content:space-between}.nav-left{display:flex;align-items:flex-end;gap:50px}.nav-logo h1{font-size:2.5em;font-weight:300;color:var(--light-green);text-shadow:0 0 4px var(--light-green)}.nav-left .nav-links-left{color:#fff;display:flex;gap:20px}.nav-links-left .nav-link{padding:10px;border:2px solid transparent}.nav-link a{font-size:1.25em;font-weight:100}.nav-link:hover{border-bottom:2px solid #fff;transition:all .5s}.nav-logo:hover h1{cursor:pointer;text-shadow:0 0 10px var(--light-green);transition:all .5s}.nav-right,.nav-right .nav-links-right{display:flex;align-items:center;justify-content:center}.nav-right .nav-links-right{color:#fff}.nav-login{background-color:var(--light-green);padding:8px 15px;border-radius:10px;display:flex;justify-content:center;align-items:center}.nav-login a{font-size:1.25em;font-weight:100}.nav-login:hover{background-color:var(--light-green);transition:all .5s;cursor:pointer}.dream-editor{background-color:var(--background-color);border-top:1px solid var(--light-green);height:calc(100vh - 100px);width:100%;display:flex}.dream-editor-left{width:75%;height:100%;background-color:#1a1a1a}.dream-editor-right{height:100%;background-color:#252525;width:25%;border-left:1px solid var(--light-green)}.editor-bar{height:50px;width:100%;background-color:var(--light-green);padding:10px}.editor-bar,.editor-nav-icons{display:flex;align-items:center}.editor-nav-icons{justify-content:center;gap:50px;margin-left:25px}.nav-icon{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:1.4em}.nav-icon:hover{cursor:pointer;color:#fff;transition:all .3s}.nav-icon p{font-size:.8em;font-weight:100}.text-editor{height:calc(100% - 50px);padding:20px}.text-editor textarea{height:100%;width:100%;background-color:transparent;outline:none;resize:none;font-size:1.4em;color:#fff;font-family:Fredoka,sans-serif;padding:15px;border:1px solid transparent}.dream-quiz{overflow-x:hidden}.dream-quiz h2{margin-top:90px}.dream-quiz .options{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-gap:10px;gap:10px;overflow-x:hidden}.dream-quiz .option{border:1px solid var(--light-green);width:160px;height:40px;border-radius:10px;font-size:.9em;margin-bottom:20px}.dream-quiz .option,.next-question{display:flex;justify-content:center;align-items:center;padding:5px;text-align:center}.next-question{width:220px;border:1px solid var(--light-green);border-radius:5px;gap:5px}.next-question:hover,.option:hover{cursor:pointer;background-color:var(--light-green);transition:all .5s}.dream-quiz::-webkit-scrollbar{width:0;background-color:#000}.dream-insights{height:calc(100% - 50px);overflow-y:hidden;padding:10px;color:#fff;font-weight:100;flex-direction:column;display:flex;justify-content:center;align-items:center;gap:15px}.dream-insights::-webkit-scrollbar{width:0;background-color:#000}.dream-quiz{height:calc(100% - 50px);overflow-y:hidden;padding:10px;color:#fff;font-weight:100;flex-direction:column;display:flex;justify-content:center;align-items:center;gap:15px}.dream-insights h2,.dream-quiz h2{font-weight:100;font-size:1.7em;text-align:center}@keyframes load-header{0%{transform:translateY(-100px)}to{transform:translateY(0)}}@keyframes load-hero-text{0%{opacity:0;text-shadow:0 0 0 var(--light-green);transform:translateY(-70px)}to{text-shadow:0 0 7px var(--light-green);transform:translateY(0)}}@keyframes load-hero-image{0%{opacity:0;transform:translateY(70px)}to{transform:translateY(0)}}::-webkit-scrollbar{width:7px;background-color:#000}::-webkit-scrollbar-thumb{background-color:#333;width:7px;border-radius:5px}.dashboard-main{color:#fff;display:flex;flex-direction:column;align-items:center;gap:10px}.dashboard-main h1{font-size:2.5em;font-family:Fredoka,sans-serif;font-weight:200;text-align:center;animation:load-hero-text 2.5s cubic-bezier(.165,.84,.44,1);padding:10px}.dashboard-main h1 span{font-weight:500;color:var(--light-green);text-shadow:0 0 7px var(--light-green)}.dashboard-main button{background-color:transparent;color:#fff;border:1px solid var(--light-green);padding:10px;border-radius:10px;font-family:fredoka,sans-serif;font-size:1em;margin-bottom:30px;cursor:pointer}.dashboard-main button:hover{color:var(--light-green);transition:all .5s}.analytics-section{height:400px;width:90%;max-width:1200px;background-color:#15151f;border-radius:15px;margin-bottom:20px;display:flex;justify-content:center;gap:30px;align-items:center}.saving{color:#333!important;cursor:auto!important}.date-picker-modal{background-color:#000;position:absolute;top:152px;left:0}.dream-tabs{height:50px;background-color:var(--light-green);display:flex;width:100%}.dream-tabs div{width:50%;display:flex;justify-content:center;align-items:center;flex:1 1}.inner-tab{color:#fff;font-weight:100;height:100%;width:100%}.inner-tab.selected{background-color:#252525}.options.text-in{display:flex;justify-content:center;align-items:center}.options input{justify-self:center;text-align:center;padding:5px;border-radius:10px;border:1px solid var(--light-green);outline:none;font-family:Fredoka,sans-serif;font-size:.8em;font-weight:100;color:#fff;width:90px;background-color:transparent;margin-bottom:20px}.FADE-OUT{animation:f-OUT 1s}.FADE-IN{animation:f-IN 1s}@keyframes f-OUT{0%{opacity:1}to{opacity:0}}@keyframes f-IN{0%{opacity:0}to{opacity:1}}.green-bg{background-color:var(--light-green)!important}.loader{border:16px solid #f3f3f3;border-top:16px solid var(--light-green);border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.insight-content{text-align:center}.story-modal-container{position:absolute;top:0;left:0;z-index:5;height:100vh;width:100vw;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.story-modal{z-index:6;width:450px;height:400px;background-color:#2d2d2d;box-shadow:6px 6px 300px rgba(8,255,41,.24);display:flex;flex-direction:column;border-radius:15px;padding:15px;align-items:center;gap:10px;position:relative}.story-modal h2{font-weight:100;color:#fff;font-size:1.6em}.story-modal .regenerate,.story-modal button{background-color:transparent;color:#fff;font-weight:100;font-size:.8em}.story-modal .regenerate{position:absolute;top:15px;left:15px;border:none;width:25px}.story-content,.story-title{width:100%;outline:none;border:1px solid var(--light-green);background-color:transparent;font-family:Fredoka,sans-serif;font-size:1em;padding:5px;border-radius:5px;resize:none;color:#fff;font-weight:100}.story-content{flex:1 1}.close{position:absolute;top:15px;right:15px}.close,.story-submit{color:#fff;cursor:pointer}.story-submit{outline:none;border:1px solid var(--light-green);background-color:transparent;font-family:Fredoka,sans-serif;font-size:1em;padding:5px;border-radius:5px;resize:none;font-weight:400;width:100%;background-color:var(--light-green)!important}.stories-wrapper{background-color:transparent;height:calc(100vh - 100px);padding:20px;display:flex;justify-content:center;align-items:center}.stories-container{height:100%;width:60%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:20px;gap:20px}.story-card{border:1px solid var(--light-green);height:200px;border-radius:10px;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;cursor:pointer}.story-card:hover{background-color:var(--primary-color);transition:all .5s}.story-card h3{font-size:1.4em;margin-bottom:10px;text-align:center}.story-card h3,.story-card h4{font-weight:100}.story-card p{font-size:.9em}.story-page-modal-wrapper{height:100vh;width:100vw;position:absolute;top:0;left:0;background-color:var(--background-color);display:flex;flex-direction:column;align-items:left;gap:20px;padding:50px;color:#fff;overflow-x:hidden}.story-page-modal-wrapper h1{font-size:3em;color:var(--light-green)}.story-page-modal-title{font-weight:100;font-size:1.2em}.story-page-modal-content{font-size:2em;width:90%}.story-page-modal-second{font-size:1.8em;font-weight:200;margin-top:30px}.story-page-modal-dream{font-size:1.6em;width:90%;font-weight:200}.close-modal-wrapper{position:absolute;top:25px;cursor:pointer;right:25px}