@import"https://fonts.cdnfonts.com/css/archivo";@import"https://fonts.cdnfonts.com/css/clash-display";html,body{overflow:hidden;font-family:Archivo,sans-serif}.controls{position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.controls__wrapper{display:flex;flex-direction:row;gap:36px;align-items:center;justify-content:space-evenly}.controls .button-wrapper{position:relative}.controls .button-wrapper button{font-family:Clash Display,sans-serif;border-radius:10px;border:solid 1px white;font-size:1.15rem;color:#fff;font-weight:900;letter-spacing:0;padding:.8em 2em;box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none}.controls .button-wrapper .button-information{color:#fff;width:100%;font-family:Clash Display,sans-serif;position:absolute;top:-64px;left:50%;text-align:center;transform:translate(-50%);font-size:2rem;font-weight:900}.controls .left-arrow{border-radius:10px;height:48px;width:48px;border:solid 1px white;-webkit-user-select:none;-ms-user-select:none;user-select:none}.controls .left-arrow__wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.controls .right-arrow{border-radius:10px;height:48px;width:48px;border:solid 1px white;-webkit-user-select:none;-ms-user-select:none;user-select:none}.controls .right-arrow__wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.credits{color:#fff;position:absolute;top:36px;right:36px}.credits__wrapper{display:flex;justify-content:end;flex-direction:row-reverse;gap:8px}.credits__question-mark-button{border-radius:10px;border:solid 1px white;height:36px;width:36px;display:flex;font-size:1.2rem;justify-content:center;align-items:center}.credits__tooltip{margin-top:0;background:rgba(255,255,255,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:10px;border:1px solid rgba(255,255,255,.18);max-width:350px;font-size:.8rem;padding:1em;opacity:0}html{height:100%}body{min-height:100%;margin:0}#root{height:100vh}