:root{--background-color:#fbf2ea;--background-color-rgb:251,242,234;--edge-opacity:0.85;--text-color:#0f3c27d9;--decision-option-background-color:#fdd4d480;--decision-option-hover-color:#fa7b7b80;--help-button-background-color:#ffc885;--help-button-hover-color:#fdb154;--sort-by-background-color:#d6d6d6;--sort-by-selected-background-color:#fffdfd;--search-icon-color:#0f3c27b3;--search-button-hover-color:#facdcdb3;--search-bar-background-color:#fff}body,html{background-color:#fbf2ea;background-color:var(--background-color);font-family:Cormorant Garamond,serif}.App,.decision-option{text-align:center}.decision-option{animation:fadeIn .5s linear forwards;background-color:#fdd4d480;background-color:var(--decision-option-background-color);border:1px solid #0f3c2740;border-radius:10px;box-shadow:0 0 10px 5px #0f3c271a;cursor:pointer;display:inline-block;margin:10px;opacity:0;padding:10px;transition:background-color .5s ease;width:fit-content}.chosen,.decision-option:hover{background-color:#fa7b7b80;background-color:var(--decision-option-hover-color)}.help-button{align-items:center;background-color:#ffc885;background-color:var(--help-button-background-color);border-radius:50%;bottom:40px;box-shadow:2px 2px 5px #0f3c2780;cursor:pointer;display:inline-block;display:flex;height:75px;justify-content:center;position:fixed;right:40px;text-align:center;transition:background-color .5s ease;-webkit-user-select:none;user-select:none;width:75px}.help-button:hover{background-color:#fdb154;background-color:var(--help-button-hover-color)}@media (max-width:768px){.help-button{bottom:30px;height:60px;right:30px;width:60px}}.help-popup{background-color:#fff;border-radius:10px;bottom:140px;box-shadow:0 0 10px #0000001a;opacity:0;padding:20px;position:fixed;right:40px;width:300px;z-index:1000}.help-popup-in{animation:fadeIn .5s linear forwards}.help-popup-out{animation:fadeOut .5s linear forwards}.text{color:#0f3c27d9;color:var(--text-color);text-shadow:1px 1px 1px #0000001a}.paragraphs{font-size:calc(1rem + .5vw);margin-bottom:15px;margin-top:15px}.paragraphs,.title{-webkit-user-select:none;user-select:none}.title{font-size:calc(1.5rem + 2vw)}.author{font-size:calc(1rem + 1vw);margin-bottom:3%;margin-top:3%;-webkit-user-select:none;user-select:none}.landing{font-size:calc(2rem + 3vw)}.help{font-size:calc(1rem + 2vw);text-align:center}@media (max-width:768px){.help{font-size:calc(1rem + 3vw)}}.sort-by-option{font-size:calc(.5rem + .75vw);-webkit-user-select:none;user-select:none}@media (max-width:768px){.sort-by-option{font-size:calc(.5rem + 1.5vw)}}.search-text{color:#0f3c27d9;color:var(--text-color);font-size:calc(.5rem + .5vw);-webkit-user-select:none;user-select:none}@media (max-width:768px){.search-text{font-size:calc(.5rem + 1vw)}}.decision{align-items:center;display:flex;flex-direction:column;margin-top:10%;min-width:100%}.link{min-height:20px}.sort-by-container{align-items:center;background-color:#d6d6d6;background-color:var(--sort-by-background-color);border-radius:40px;display:flex;flex-direction:row;margin-top:6%;position:relative}.sort-by-option{cursor:pointer;flex:1 1;padding:10px 20px;z-index:1}.highlight-shape{background-color:#fffdfd;background-color:var(--sort-by-selected-background-color);border-radius:40px;bottom:2;height:35px;height:75%;left:0;position:absolute;transition:transform .3s ease;width:80px;width:33%;z-index:0}.search-button{border-radius:10px;color:#0f3c27b3;color:var(--search-icon-color);cursor:pointer;margin:5px}.search-bar-container{border-radius:40px;margin-bottom:2%;padding:10px 20px}@media (max-width:768px){.search-bar-container{padding:5px 10px}}.search-bar-container.open{animation:fadeIn 1s linear forwards;background-color:#fff;background-color:var(--search-bar-background-color)}.search-bar{animation:fadeIn 1s linear forwards;border:none;outline:none;-webkit-user-select:none;user-select:none}.title-underline{border:.25px solid #0f3c274d;height:0;width:100%}.story-underline{border:.1px solid #0f3c271a;height:0;width:100%}.end-story-underline{animation:fadeIn .5s linear forwards}#fadeElement{text-align:left}.fade-word{animation:fadeIn .5s linear forwards;opacity:0}.stories-story-title{font-size:calc(1rem + 1vw);margin-bottom:1%;margin-top:2%}.stories-story-author{font-size:calc(.75rem + .5vw);margin-top:2%;opacity:.75}.stories-story-description{font-size:calc(.75rem + .5vw);font-style:italic;margin-bottom:5%;margin-top:0;padding-right:7%}.container{border:0 solid #e3e9f5;box-sizing:border-box;padding-left:0;padding-right:0}.main-app-container{padding-top:1%;text-align:left}@media (max-width:768px){.main-app-container{padding-top:15%}}.story-container{height:100%;margin-top:5%;width:50%}@media (max-width:768px){.story-container{width:90%}}.stories-container{align-items:left;margin-top:5%;width:50%}@media (max-width:768px){.stories-container{width:90%}}.story-elements-container{width:100%}.flex-column{display:flex;flex-direction:column}.edge-container,.flex-column{align-items:center;justify-content:center}.edge-container{background-color:#fbf2ea;background-color:rgb(var(--background-color-rgb));border-bottom:0 solid #e3e9f5;left:0;padding:0;position:fixed;text-align:center;width:100%;z-index:1000}.header-container{border-bottom:.25px solid #0f3c271a;padding-top:1%;top:0}.header-link{color:#0f3c27d9;color:var(--text-color);cursor:pointer;font-style:italic;text-decoration:none;-webkit-user-select:none;user-select:none;width:fit-content}.footer-container{bottom:0;padding-bottom:3%}.landing-container{word-wrap:break-word;align-items:center;animation:fadeOut 1.5s linear forwards;animation-delay:2s;background-color:#fbf2ea;background-color:var(--background-color);border:1px solid #000;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:1;overflow-wrap:break-word;padding-left:20%;padding-right:20%;position:fixed;text-align:center;top:0;-webkit-user-select:none;user-select:none;white-space:normal;width:100%;z-index:9999}.landing-text{animation:fadeIn 1.5s linear forwards;animation-delay:.5s;opacity:0;pointer-events:none}@media (max-width:768px){.landing-container{padding-left:10%;padding-right:10%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;pointer-events:none}}
/*# sourceMappingURL=main.cde8a90c.css.map*/