@font-face{font-family:titleFont;src:url(../fonts/aboreto-v2-latin-regular.woff2)}@font-face{font-family:linkFont;src:url(../fonts/Roboto-Regular.ttf)}@keyframes blinker{50%{opacity:.1}}html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:#040f16;cursor:none;--selectColor: #e1fa51}a{cursor:none}.interface{position:fixed;display:flex;justify-content:center;top:0;left:0;width:100%;height:100%;pointer-events:none}.title{position:absolute;display:flex;flex-direction:column;top:10%;left:0;width:100%;color:#f1faee;padding:10px 0;text-align:center;font-family:titleFont}.title h1{font-weight:600;padding-bottom:15px;font-size:40px;font-style:bold}.title h2{font-size:16px}.subtext{position:absolute;bottom:2.5%;left:0;width:100%;padding:10px 0;text-align:center;font-family:titleFont;color:#c7fa51;animation:blinker 2.5s linear infinite}.div-arrows{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;left:0;width:100%;color:#fff;font-size:6vh;padding-top:5px;text-align:center}.arrow{padding:10px;margin:10px;pointer-events:auto;cursor:none}.arrow img{max-width:60px}.arrow.left img{transform:rotate(180deg) rotateX(180deg)}.arrow img,.close img{filter:invert(97%) sepia(1%) saturate(3207%) hue-rotate(10deg) brightness(95%) contrast(80%);transition:all ease-in-out .3s}.arrow:hover img,.close:hover img{filter:invert(100%) sepia(1%) saturate(4207%) hue-rotate(10deg) brightness(100%) contrast(100%)}.close{position:absolute;padding:10px;margin:10px;top:5px;right:25px;width:20px;height:20px;pointer-events:auto;cursor:none;color:#fff;border-radius:50px}.close img{max-width:40px}.help-button,.audio-button{position:absolute;top:15px;padding:10px;margin:10px;pointer-events:auto;cursor:none;color:#fff;font-size:8px;border-radius:8px;border-color:#849e91;transition:all ease .25s;font-family:titleFont;background-color:#849e91}.audio-button{left:5px}.help-button{right:5px}.audio-button:hover,.help-button:hover{background-color:#24b86e;border-color:#24b86e}.audio-button.audio-on:hover,.help-button.guide-on:hover{background-color:#b8244c;border-color:#b8244c}.audio-button.audio-on,.help-button.guide-on{background-color:#a78087;border-color:#a78087}.story{position:fixed;display:flex;justify-content:center;align-items:center;position:absolute;width:80%;max-width:800px;background-color:#a2988bea;height:160px;border-radius:30px;border:5px;border-style:solid double;border-color:#fafcff;bottom:10px;color:#fff;padding-top:5px;text-align:left;pointer-events:auto;cursor:none;font-size:16px}.story p{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:80%}.story b{font-weight:800}.story a{color:#4000ff;font-family:linkFont;transition:color ease-in-out .3s}.story a:hover{color:#764bf6}.story .story-instruction{position:absolute;bottom:15px;right:20px;max-width:120px;text-align:right;font-size:14px;text-transform:uppercase;animation:blinker 1s linear infinite}.loader-html{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.spinner-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.spinner{width:80px;height:80px;position:relative;bottom:20px;animation:spin 1s infinite linear}.spinner-dot{width:10px;height:10px;border-radius:50%;background-color:#f1faee;position:absolute;top:15px;left:15px}.spinner-text{text-align:center;width:200px;font-family:titleFont;color:#f1faee}.object-html{display:flex;justify-content:center;align-items:center;background-color:#040f1663;width:80px;height:20px;border-radius:5px;pointer-events:none}.object-text{font-family:titleFont;font-size:10px;color:#f1faee;text-align:center}.custom-cursor>*{stroke:#f1faee;fill:#f1faee;transition:stroke ease-in-out .6s;transition:fill ease-in-out .6s}.custom-cursor.active>*{stroke:var(--selectColor);fill:var(--selectColor)}.dot-cursor,.circle{position:fixed;top:0;bottom:0;left:0;right:0;z-index:9999;pointer-events:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (max-width: 600px){.story{bottom:10px;font-size:14px}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
