:root{box-sizing:border-box;margin:0;padding:0;--background-color: #222222;--text-background-color: rgba(160, 197, 239, .8);--header-background-color: rgba(160, 197, 239, .8);--buttons-background-color: rgba(117, 135, 198, .8);--button-background-color: rgba(206, 213, 235, .8);--button-hover-color: rgba(24, 51, 97, .8);font-family:Moderustic,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.header-text{font-family:New Amsterdam,sans-serif;font-weight:400;font-style:normal;font-size:1.5em}body{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}#app{background-color:var(--background-color);width:100%;height:100%}#story-header{width:40vw;min-height:10%;background-color:var(--header-background-color);padding:40px;margin-top:30%}#story-header h1{font-size:2em;line-height:1.1}#story-text{width:50vw;min-height:10%;background-color:var(--text-background-color);padding:40px;margin-top:30%}#story-text p{color:#000}#story-image{display:flex;align-items:flex-start;gap:30px;width:100%;height:80%;background-image:none}#option-buttons{display:flex;justify-content:center;gap:10px;padding:20px;background-color:var(--buttons-background-color);border-top:2px solid black;border-bottom:2px solid black}#option-buttons button{padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;border:4px solid transparent;border-radius:8px;background-color:var(--button-background-color);cursor:pointer;transition:border-color 1s}#option-buttons button:hover{border-color:var(--button-hover-color)}