#mystory h1,#mystory h2,#mystory h3{text-transform:uppercase}#sidebar,:hover{transition:.3s}#mystory h1,#mystory h2{font-family:Neothic,serif}#social-media ul,.story-tools{padding:0;list-style-type:none}#sidebar,#ui-overlay{position:fixed;width:100vw;top:0;left:0}#sidebar.toggled,#ui-overlay{height:100vh}#ui-dialog-body,body{background-color:#fff;color:#111}#mystory ul,#social-media ul,.story-menu,.story-tools{list-style-type:none}:root{--light-main:#9fccad;--light-contrast:#aed6b8;--contrast:#bfe6c9;--dark-contrast:#636e55;--main:#65bd87;--dark-main:#05301c;--darker-main:#146b4b;--dark:#050100}*{box-sizing:border-box}@font-face{font-family:"Social Media Circled";src:url(fonts/Social-Media-Circled.otf)}@font-face{font-family:Neothic;src:url(fonts/Neothic.ttf)}@font-face{font-family:Dyslexic;src:url(fonts/OpenDyslexic-Regular.otf) format("opentype");font-style:normal;font-weight:400}@font-face{font-family:Dyslexic;src:url(fonts/OpenDyslexic-Italic.otf) format("opentype");font-style:italic;font-weight:400}@font-face{font-family:Dyslexic;src:url(fonts/OpenDyslexic-BoldItalic.otf) format("oopentypet");font-style:italic;font-weight:700}@font-face{font-family:Dyslexic;src:url(fonts/OpenDyslexic-Bold.otf) format("opentype");font-style:normal;font-weight:700}body{margin:0;font-family:Montserrat,sans-serif}a,a:active,a:hover,a:link,a:visited{text-decoration:none;transition:.3s}#mystory{margin-top:70px;padding:30px;line-height:1.5}#mystory h1{color:var(--main)}#mystory h2{color:var(--contrast)}#mystory h3{color:var(--dark-main);letter-spacing:2px;font-weight:400}#social-media p,#ui-dialog-body ul.buttons button,.story-menu,.story-tools li .tooltiptext{text-transform:uppercase;letter-spacing:1px}#mystory hr::before{content:"";display:block;height:2px;width:100%;background-color:var(--light-main);margin:0 auto 15px}#mystory hr{border:0}#mystory ul{padding:0 10px}#mystory ul li{border-left:5px solid var(--contrast);padding-left:15px;margin:5px 0}#mystory .macro-listbox,#mystory .macro-textarea{border-color:var(--light-main);padding:5px}#mystory .link-internal,#mystory .link-internal:visited{color:var(--main);margin:10px 0;font-weight:700;transition:.3s ease-in-out}#mystory .link-internal.macro-button{width:100%;padding:12px 0 13px;background-color:var(--dark-main);color:#fff;font-weight:400;text-transform:uppercase;font-size:1rem;letter-spacing:2px;border:none;transition:.3s ease-in-out;margin:20px 0}#mystory .macro-cycle{color:var(--contrast);font-style:italic}#mystory .macro-listbox,#mystory .macro-textarea,#mystory .macro-textbox,#sidebar{color:#fff;background-color:var(--main)}#mystory .macro-cycle:hover{color:var(--main)}#mystory .macro-textarea{resize:none}#mystory .macro-textbox{border:1px solid var(--light-main);padding:5px}#passages{max-width:600px;margin:0 auto;font-family:Dyslexic}#sidebar{height:70px}.sidebar-header{width:100%;height:70px;display:flex;justify-content:center;align-items:center}.sidebar-history-nav,.story-tools{justify-content:center;display:flex}.sidebar-header div{width:15%}.sidebar-history-nav span,.story-tools li{background-color:var(--darker-main);border-radius:50%;width:40px;height:40px;color:#fff}.sidebar-header .story-title{width:70%;font-size:1rem;color:#fff;text-align:center;font-family:Neothic,serif;text-transform:uppercase;letter-spacing:2px;font-weight:700}.sidebar-header .sidebar-toggle{width:15%;font-size:30px;text-align:center}#sidebar-body{padding:20px;display:none}#sidebar-body .story-logo{text-align:center}#sidebar-body .story-logo img{max-width:60%}#sidebar-body .story-author{margin:2vh 0;font-size:.8rem;letter-spacing:2px;text-transform:uppercase;text-align:center;font-weight:400}#sidebar-body .story-author a{color:var(--darker-main);border-bottom:1px solid #fff;padding-bottom:4px}html.dark #mystory h3,html.dark #ui-dialog-body,html.dark #ui-dialog-close,html.dark #ui-dialog-titlebar h1{color:var(--light-main)}.sidebar-history-nav{align-items:center}.sidebar-history-nav span{margin:0 5px;padding:.75rem 0 0 .75rem}.story-menu{margin:7vh 0;font-size:1.1rem}.story-menu li{margin:10px 0;border-left:5px solid var(--darker-main);padding-left:15px}.story-menu li a,.story-menu li a:visited,html.dark #mystory .link-internal.macro-button{color:#fff}.story-tools{margin:8vh 20px;align-items:center;font-size:20px}.story-tools li{position:relative;margin:0 7px;padding:.6rem 0 0 .65rem}.story-tools li .tooltiptext::before{visibility:hidden;content:"";position:absolute;bottom:100%;left:42%;border-width:5px;border-style:solid;border-color:transparent transparent #fff;transition:0}.story-tools li .tooltiptext{visibility:hidden;position:absolute;left:-1.3rem;top:125%;background-color:#fff;color:var(--dark);text-align:center;font-size:.7rem;width:5.1rem;border-radius:10px;padding:.5rem .4rem .4rem}#social-media p{text-align:center}#social-media ul{display:flex;justify-content:center;align-items:center;font-family:"Social Media Circled";font-size:30px}#social-media ul li{margin:0 5px}#social-media ul li a{color:var(--darker-main)}#sidebar.toggled #sidebar-body{display:block}#ui-overlay{background-color:var(--main);opacity:.6;z-index:3;overflow:hidden}#ui-dialog{position:absolute;top:0;left:0;width:90vw;height:auto;z-index:4;background-color:var(--dark-main);padding:20px;margin:-16px 0 0 -16px}#ui-dialog select{background-color:var(--main);padding:7px;color:#fff;border:var(--light-main);font-size:1rem}#ui-dialog-titlebar{background-color:#fff;position:relative;padding:30px 20px}#ui-dialog-titlebar h1{font-family:Neothic,serif;text-transform:uppercase;color:var(--main);width:100%;text-align:center;padding:0}#ui-dialog-close{position:absolute;background-color:transparent;width:auto;height:auto;border:none;color:var(--dark-main);top:15px;right:15px;font-size:30px}#ui-dialog-body{width:100%;height:auto;padding:20px;margin:20px 0;border:none}#ui-dialog-body button{background-color:var(--main);border:none;color:#fff;padding:12px 0;width:100%}#ui-dialog-body button:hover,#ui-dialog-body ul.buttons button:hover{background-color:var(--dark-contrast)}#ui-dialog-body ul.buttons{list-style-type:none;padding:0;margin:3vh 0 2vh}#ui-dialog-body ul.buttons li{margin:10px 0;display:block;width:100%}#ui-dialog-body ul.buttons button{background-color:var(--main);width:100%}#ui-dialog-body ul.buttons>li+li>button{margin-left:0}@media only screen and (min-width:768px){#passages,#ui-dialog{max-width:900px}#passages{margin:0 auto}#sidebar-body .story-logo img{max-width:450px}#sidebar.toggled #sidebar-body{max-width:800px;margin:0 auto}}html.dark .story-tools li,html.dark body{background-color:var(--dark);color:#fff}html.dark #sidebar,html.dark #ui-dialog{background-color:var(--dark-main)}html.dark #ui-dialog-body,html.dark #ui-dialog-titlebar,html.dark #ui-overlay{background-color:var(--dark)}html.dark #sidebar-body .story-author a{border-color:var(--dark)}html.dark #social-media li a{color:var(--dark)}html.dark #mystory hr::before{background-color:var(--contrast)}html.dark #mystory ul li{border-left-color:var(--main)}html.dark #mystory .link-internal,html.dark #mystory .link-internal:visited{color:var(--contrast)}html.dark #ui-dialog-body button{background-color:var(--main);color:var(--light-main)}@media only screen and (min-width:1000px){.sidebar-history-nav span:hover,.story-tools li:hover{background-color:var(--dark)}#sidebar{width:400px;height:100vh;transition:margin-left .3s}.sidebar-header .sidebar-toggle span{transition:.3s ease-in-out}.sidebar-header .sidebar-toggle span:hover{color:var(--darker-main);font-size:31px}#sidebar-body{display:block;padding:0 50px}#sidebar-body .story-logo{cursor:pointer}#sidebar-body .story-logo img:hover{transform:scale(1.1)}#sidebar-body .story-logo img{max-width:30%;transition:.3s ease-in-out}#sidebar-body .story-author a:hover{color:var(--dark);letter-spacing:3px}.story-tools li{transition:none}.story-tools li:hover,html.dark #social-media li a:hover{color:#fff}.story-tools li:hover .tooltiptext,.story-tools li:hover .tooltiptext::before{visibility:visible}.story-menu li:hover,html.dark .story-menu li:hover{border-color:var(--dark)}#social-media ul li a:hover,.story-menu li:hover a,html.dark .sidebar-header .sidebar-toggle span:hover,html.dark .story-menu li:hover a,html.dark .story-tools .tooltiptext{color:var(--dark)}#sidebar.toggled{margin-left:-343px}#sidebar.toggled~#mystory{padding-left:30px}#mystory{padding:4vh 4vw 4vh 440px;margin:0}#mystory .link-internal:hover,html.dark #mystory .macro-cycle:hover,html.dark #ui-dialog-close:hover{color:var(--contrast)}#mystory .link-internal.macro-button:hover{background-color:var(--contrast);letter-spacing:3px;color:#fff}#passages{max-width:900px}#ui-dialog-close:hover{color:var(--contrast);background-color:transparent;border:none}html.dark #sidebar-body .story-author a:hover{color:var(--dark);border-color:var(--light-main)}html.dark .story-tools li:hover{background-color:var(--dark-contrast)}html.dark #mystory .link-internal:hover{color:var(--main)}html.dark #mystory .link-internal.macro-button:hover{background-color:var(--dark-contrast);color:#fff}html.dark #mystory .macro-cycle{color:var(--main);font-style:italic}html.dark #ui-dialog-body button:hover{background-color:var(--darker-main)}.next-button-container{border-bottom:none}.icon{font-size:1.2em;margin-left:.5em}.icon.star{color:gold}.icon.heart{color:red}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}}