:root{--primary-900:#00365c;--primary-800:#004a80;--primary-700:#005a9c;--secondary-100:#fef8e6;--secondary-300:#ffeec3;--secondary-700:#fce19e;--tertiary-100:#ded5c3;--boxshadow-solid:16px 16px 0px 0px #011d31;--boxshadow-solid-small:8px 8px 0px 0px #011d31;--boxshadow-soft:0px 8px 32px 0px rgba(0,0,0,.16);--filter-yellow:brightness(0) saturate(100%) invert(95%) sepia(9%) saturate(1995%) hue-rotate(325deg) brightness(103%) contrast(98%);--filter--yellow-light:brightness(0) saturate(100%) invert(80%) sepia(48%) saturate(250%) hue-rotate(2deg) brightness(102%) contrast(98%);--transition-hover:All 0.15s ease-in-out}@font-face{font-family:Nunito;font-style:normal;font-weight:400 500 600 700;src:url(/storybook-assets/adventures-with-the-weather-gods/assets/Nunito-VariableFont_wght.ttf) format("truetype")}.scaleX__-1{transform:scaleX(-1)}*{box-sizing:border-box;font-family:Nunito,Arial;margin:0;padding:0}body{align-items:center;background-color:var(--primary-800);display:flex;flex-direction:column;gap:32px;margin-top:120px;text-align:center;z-index:0}.mob_alert{background-color:var(--primary-700);bottom:5VH;box-shadow:var(--boxshadow-soft);color:var(--secondary-100);display:none;font-size:16px;padding:16px;position:fixed;width:80VW;z-index:8}.book{display:flex;flex-direction:row;gap:32px;justify-content:center;padding:0 16px}@media (max-width:768px){body{margin-top:16px}.book{gap:16px}}@media (max-width:768px) and (orientation:portrait){.book{flex-wrap:wrap;gap:16px;padding-top:92px}#p_v{width:100%}#b_l{order:2}#b_r{order:3}}@media (max-width:768px) and (orientation:landscape){body{gap:16px;width:100vw}}button{border:none;box-shadow:none;cursor:pointer;font-size:16px;margin:10px}button:hover{text-decoration:underline;transition:var(--transition-hover)}#b_e,#b_l,#b_r,#b_t{display:none}#b_l,#b_r{background-color:transparent;border:none}.btn_arrow{filter:var(--filter-yellow);width:64px}.btn_arrow:hover{cursor:pointer;transition:var(--transition-hover)}@media (max-width:768px){.btn_arrow{width:48px}}#t{background:transparent;border:none;display:initial;left:30%;position:absolute;width:40%;z-index:4}@media (min-width:1200px){#t{left:25%;width:50%}}@media (max-width:768px){#t{left:15%;width:70%}}@media (max-width:768px) and (orientation:landscape){#t{height:80VH;left:30vw;top:5vw;width:auto}}#t:hover{opacity:.9;transition:var(--transition-hover)}#p_v{box-shadow:var(--boxshadow-soft);opacity:0}.logo{left:20px;position:fixed;top:20px;z-index:-1}.logo img{height:48px}#b_m{background-color:var(--secondary-700);border:none;box-shadow:var(--boxshadow-solid-small);display:none;margin:0;padding:4px;position:fixed;right:20px;top:20px}#b_m_i{height:48px;width:48px}@media (max-width:768px){#b_m{padding:4px;right:8px;top:16px}#b_m_i{height:32px;width:32px}}#b_m:hover{background-color:var(--secondary-100);transition:var(--transition-hover)}#m_p{height:60vh;left:25%;opacity:1;position:absolute;top:10%}.menu_outer{display:flex;flex-direction:column;gap:16px}@media (max-width:768px){.menu_outer{display:flex;flex-direction:column;gap:16px}}.menu_header{align-items:center;display:flex;justify-content:flex-end}.menu_inner{display:flex;flex-direction:row;min-height:500px}@media (max-width:768px){.menu_inner{flex-direction:column}}#m_b{background-color:var(--secondary-700);box-shadow:16px 16px 0 0 #00365c;color:var(--primary-700);display:none;height:90vh;left:5vw;overflow:scroll;padding:24px;position:absolute;width:90vw;z-index:3}@media (max-width:768px){#m_b{padding:16px}}@media (max-width:768px) and (orientation:landscape){#m_b{gap:8px;padding:16px}}.nav_options{align-items:flex-start;border-right:1px solid var(--primary-800);color:var(--primary-800);display:flex;flex-direction:column;gap:8px;margin:0 32px 0 0;min-width:30%}@media (max-width:768px){.nav_options{border-bottom:1px solid var(--primary-800);border-right:none;flex-direction:column;margin:0 0 32px;padding-bottom:24px}}@media (max-width:768px) and (orientation:landscape){.nav_options{border-bottom:1px solid var(--primary-800);border-right:none;margin:0 0 16px;padding-bottom:16px}}.nav_options button{background:transparent;border:none;color:var(--primary-700);font-size:24px;font-weight:700}@media (max-width:768px){.nav_options button{font-size:20px;font-weight:700}}#m_x{align-items:center;background-color:transparent;border:none;display:flex;flex-direction:column}#m_x:hover{background-color:var(--secondary-100);transition:var(--transition-hover)}#m_x_i{height:64px;width:64px}@media (max-width:768px){#m_x_i{height:40px;width:40px}}.logo_menu{display:flex;margin-top:32px}.logo_menu img{height:64px}@media (max-width:768px){.logo_menu{position:unset}.logo_menu img{height:48px}}#m_x p{color:var(--primary-800)}#a{background-color:transparent;border:none;display:none;height:70vh;left:30vw;position:absolute;top:3vh;width:30vw;z-index:3}.c{align-content:flex-start;align-items:flex-start;align-items:stretch;color:var(--primary-800);display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:flex-start}@media (max-width:768px){.c{flex-direction:column;gap:12px}}.c button{background-color:var(--secondary-300);border:none;color:var(--primary-800);display:flex;flex-basis:min-content;flex-direction:column;font-size:20px;font-weight:600;gap:16px;margin:0;padding:12px;text-align:left;z-index:3}.c button:hover{background-color:var(--secondary-100);transition:var(--transition-hover)}@media (max-width:768px){.c button{align-items:center;flex-direction:row;font-weight:600;gap:16px;max-width:100%;padding:8px;width:100%}.c button img{width:64px}.c button div{flex-basis:max-content}}#l{display:none}.l{display:flex;flex-direction:column;gap:16px}@media (max-width:768px){.l{display:flex;flex-direction:column;gap:12px}}.l button{background-color:var(--secondary-300);color:var(--primary-800);font-size:20px;font-weight:600;margin:0;max-width:400px;padding:12px;text-align:left}@media (max-width:768px){.l button{max-width:100%}}.l button:hover{background-color:var(--secondary-100);transition:var(--transition-hover)}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;width:100%}@media (max-width:768px){.controls{gap:8px}}.language_toggle{align-items:center;display:flex;flex-wrap:wrap}.language_toggle button{background-color:var(--primary-900);border:1px solid var(--primary-900);border-radius:32px;color:var(--secondary-700);margin:0 8px 0 0;padding:8px 12px}.language_toggle button:hover{border:1px solid var(--secondary-700);transition:var(--transition-hover)}@media (max-width:768px){.language_toggle button{border-radius:32px;margin:0 4px 0 0;padding:8px 12px}}#p_a{border-radius:8px;display:none;padding:8px;z-index:0}@media (max-width:768px){#p_a{width:200px}}#b_s{background-color:transparent;background-color:var(--primary-900);border:1px solid var(--primary-900);border-radius:32px;display:none;padding:8px 16px}#b_s div{align-items:center;display:flex;filter:var(--filter-yellow);flex-direction:row;gap:8px}#b_s_t{font-size:14px;vertical-align:middle}#b_s_i{height:24px;width:24px}#b_s:hover{border:1px solid var(--secondary-700);transition:var(--transition-hover)}#p_ack{display:none;left:15%;top:120px;width:70%;z-index:1}@media (max-width:768px){#p_ack{left:3%;top:100px;width:94%}}@media (max-width:768px) and (orientation:portrait){#p_ack{left:3%;top:300px;width:94%}}