.p5vue{position:relative;width:100%;margin:4rem 0}.p5Canvas{width:100%;height:auto}#app{font-family:Syntax,Helvetica,Arial,sans-serif;position:fixed;bottom:0;right:0;overflow:hidden}#app,.content{font-size:1rem;top:0;left:0}.content{padding:4rem;font-family:Syntax;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.content,.explanation{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute}.explanation{text-align:center;left:7rem;right:7rem;font-size:1.3rem;top:40vw;line-height:1.7}.btn{margin-top:3rem;background:var(--dark);border:none;display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:1.5rem;color:var(--light);font-size:2rem;font-family:GT Sectra;text-align:center;text-decoration:none;-webkit-font-smoothing:antialiased}.btn--secondary{font-size:1.25rem;padding:1rem;background-color:#fffdf9;color:#212121}.info-button{position:absolute;bottom:1rem;right:var(--gutter);width:80%}.wrapper--isIntroDone{background-image:-webkit-gradient(linear,left top,left bottom,from(#1f1f1f),to(#0c0c0c));background-image:linear-gradient(#1f1f1f,#0c0c0c)}.wrapper--isIntroDone .station-header{-webkit-transition:background .3s linear;transition:background .3s linear;background:#000;color:#888}.wrapper--isIntroDone .station-header__exit{background-image:url(../img/icon-exit.3e55fc51.svg)}.wrapper--isIntroDone .explanation{color:#fffdf9}