:root{--background-color:#fff799;--background-color-rgb:255,247,153;--edge-opacity:0.95;--game-background-color:#fff1e0;--eleanor-color:#ffd074;--mikey-color:#6cb1ff}body,html{background-color:#fff799;background-color:var(--background-color);font-family:Mystery Quest,system-ui;font-optical-sizing:auto;font-style:normal;font-weight:400}.App,body,html{text-align:center}.header{font-size:calc(2rem + 1vw);margin:0;padding:0}.game-text{font-size:calc(1.5rem + 1vw)}.paragraphs{font-size:calc(1rem + .5vw);line-height:1.5;margin:auto;-webkit-user-select:none;user-select:none;word-spacing:1.2px}@media (max-width:768px){.paragraphs{width:90%}}.edge-container{align-items:center;border:0 solid #000;justify-content:center;left:0;padding:0;position:fixed;text-align:center;width:100%;z-index:1000}.header-container{padding-top:7%;top:0}.header-home{background-color:#fff799f2;background-color:rgba(var(--background-color-rgb),var(--edge-opacity));box-shadow:0 0 20px 20px #fff799f2;box-shadow:0 0 20px 20px rgba(var(--background-color-rgb),var(--edge-opacity))}.header-eleanor{background-color:rgba(rgb(255,208,116),.95);background-color:rgba(var(--eleanor-color),var(--edge-opacity));box-shadow:0 0 20px 20px rgba(rgb(255,208,116),.95);box-shadow:0 0 20px 20px rgba(var(--eleanor-color),var(--edge-opacity))}.header-mikey{background-color:rgba(rgb(108,177,255),.95);background-color:rgba(var(--mikey-color),var(--edge-opacity));box-shadow:0 0 20px 20px rgba(rgb(108,177,255),.95);box-shadow:0 0 20px 20px rgba(var(--mikey-color),var(--edge-opacity))}.ella{font-family:Princess Sofia,cursive}.ella,.mikey{font-style:normal;font-weight:400}.mikey{font-family:Luckiest Guy,cursive}.home-container{display:flex;flex-direction:column;gap:20px;height:100%;width:100%}@media (max-width:768px){.home-container{padding-top:60%}}.game-container{align-items:center;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;margin:0;padding:0;width:100%}.home-video{border-radius:50px;box-shadow:2px 2px 10px 2px #0003;margin:auto;width:90%}@media (max-width:768px){.home-video{width:90%}}.story-container,.story-generator-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.story-elements-container{display:flex;flex-direction:column;gap:30px;overflow:auto;padding-bottom:200px;padding-top:150px}.story-setup-input{background-color:#fff799;background-color:var(--background-color);border:none;border-bottom:2px solid #000;box-sizing:border-box;color:var(--text-color);font-family:Mystery Quest,system-ui;font-size:calc(1rem + .5vw);outline:none;padding:5px 0;text-align:center;width:60%}.story-setup-input::placeholder{color:var(--text-color);opacity:.5}.story-setup-input:focus{animation:blink-cursor 1s step-end infinite;border-bottom-color:var(--text-color)}.story-title{align-items:center;animation:fade-in 1s forwards;font-size:calc(1.5rem + 1vw);justify-content:center;margin:auto;opacity:0;width:90%}#fadeElement{text-align:left}.fade-word{animation:fade-in .5s linear forwards;opacity:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.ellas-corner-container{background-color:#ffd074}.ellas-corner-container,.mikey-mode-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.mikey-mode-container{background-color:#6cb1ff}.updates-container{display:flex;flex-direction:column;height:100%}.updates-title{border-bottom:1px dotted #000;font-size:calc(1.5rem + 1vw);margin:auto;text-align:left;width:80%}.updates-content{font-size:calc(1rem + .5vw);gap:20px;height:80%;overflow:auto;padding:20px;text-align:left}.updates-content,.updates-post{display:flex;flex-direction:column;margin:auto;width:80%}.updates-post{justify-content:space-between}.update-input{width:70%}.author-input,.update-input{background-color:#0000;border:none;border-bottom:2px solid #000;box-sizing:border-box;color:var(--text-color);font-family:Mystery Quest,system-ui;font-size:calc(1rem + .5vw);outline:none;padding:5px 0;text-align:center}.author-input{width:20%}.update-button{background-color:#fff799;background-color:var(--background-color);border:none;border-radius:12px;color:var(--text-color);cursor:pointer;display:inline-block;font-family:Mystery Quest,system-ui;font-size:calc(1rem + .5vw);margin:4px 2px;padding:10px 20px;text-align:center;text-decoration:none}.pictures-container{display:flex;flex-direction:column}.pictures-title{border-bottom:1px dotted #000;font-size:calc(1.5rem + 1vw);margin:auto;text-align:right;width:80%}.pictures-content{display:flex;flex-direction:column;font-size:calc(1rem + .5vw);gap:20px;height:300px;margin:auto;overflow:auto;padding:20px;text-align:center;width:80%}.pictures-picture{margin:auto;width:60%}.image-input{background-color:#fff799;background-color:var(--background-color);border:none;border-radius:12px;color:var(--text-color);font-family:Mystery Quest,system-ui;font-size:calc(1rem + .5vw);margin:4px 2px;padding:10px 20px;text-align:center}.image-input,.story-time{cursor:pointer;display:inline-block;text-decoration:none}.story-time{align-self:center;background-color:#fff;background-image:none;background-position:0 90%;background-repeat:repeat-x;background-size:4px 3px;border-radius:15px 225px 255px 15px 15px 255px 225px 15px;border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-style:solid;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;border-width:2px;box-shadow:15px 28px 25px -18px #0003;box-sizing:border-box;color:#41403e;font-size:calc(1.75rem + 1vw);line-height:23px;margin:auto;outline:none;padding:1.25rem;touch-action:manipulation;transition:all 235ms ease-in-out;user-select:none;-webkit-user-select:none}@media (max-width:768px){.story-time{width:60%}}.story-time:hover{box-shadow:2px 8px 8px -5px #0000004d;transform:translate3d(0,2px,0)}.story-time:focus{box-shadow:2px 8px 4px -6px #0000004d}.ellas-corner{all:unset;align-items:center;border-radius:9999px;color:#fafaf6;display:inline-flex;font-size:calc(1.5rem + 1vw);font-weight:640;height:3.5rem;justify-content:center;letter-spacing:0;margin:auto;padding:1rem;position:relative;text-align:center}@media (max-width:768px){.ellas-corner{width:60%}}.ellas-corner-item{background-color:initial;color:#1d1d1f}.ellas-corner-item .ellas-corner-bg{background-color:#ffd074;border-color:#ffd074}.ellas-corner-inner,.ellas-corner-inner-hover,.ellas-corner-inner-static{display:block;pointer-events:none}.ellas-corner-inner{position:relative}.ellas-corner-inner-hover{left:0;opacity:0;position:absolute;top:0;transform:translateY(70%)}.ellas-corner-bg{border-radius:2rem;height:100%;left:0;overflow:hidden;position:absolute;top:0;transform:scale(1);transition:transform 1.8s cubic-bezier(.19,1,.22,1);width:100%}.ellas-corner-bg,.ellas-corner-bg-layer,.ellas-corner-bg-layers{display:block}.ellas-corner-bg-layers{aspect-ratio:1/1;left:50%;position:absolute;top:-60%;transform:translate(-50%);width:max(200%,10rem)}.ellas-corner-bg-layer{border-radius:9999px;height:100%;left:0;position:absolute;top:0;transform:scale(0);width:100%}.ellas-corner-bg-layer.-purple{background-color:#a374ff}.ellas-corner-bg-layer.-turquoise{background-color:#17f1d1}.ellas-corner-bg-layer.-yellow{--tw-bg-opacity:1;background-color:rgba(255,208,116,var(--tw-bg-opacity))}.ellas-corner:hover .ellas-corner-inner-static{opacity:0;transform:translateY(-70%);transition:transform 1.4s cubic-bezier(.19,1,.22,1),opacity .3s linear}.ellas-corner:hover .ellas-corner-inner-hover{opacity:1;transform:translateY(0);transition:transform 1.4s cubic-bezier(.19,1,.22,1),opacity 1.4s cubic-bezier(.19,1,.22,1)}.ellas-corner:hover .ellas-corner-bg-layer{transition:transform 1.3s cubic-bezier(.19,1,.22,1),opacity .3s linear}.ellas-corner:hover .ellas-corner-bg-layer-1{transform:scale(1)}.ellas-corner:hover .ellas-corner-bg-layer-2{transform:scale(1);transition-delay:.1s}.ellas-corner:hover .ellas-corner-bg-layer-3{transform:scale(1);transition-delay:.2s}.mikey-mode{background:#6cb1ff;border:3px solid #000;border-radius:.4em;box-shadow:.1em .1em;cursor:pointer;font-family:inherit;font-size:calc(1.5rem + 1vw);margin:auto;padding:.75rem .5rem}@media (max-width:768px){.mikey-mode{width:60%}}.mikey-mode:hover{box-shadow:.15em .15em;transform:translate(-.05em,-.05em)}.mikey-mode:active{box-shadow:.05em .05em;transform:translate(.05em,.05em)}
/*# sourceMappingURL=main.f04a049b.css.map*/