@import url(https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap);@font-face{font-family:alte_haas_grotesk_regular;font-style:normal;font-weight:400;src:url(/static/media/alte_haas_grotesk_regular.cd90ddee70cc5045d02e.ttf) format("truetype")}@font-face{font-family:alte_haas_grotesk_bold;font-style:normal;font-weight:400;src:url(/static/media/alte_haas_grotesk_bold.6ea93a694a6bfbe54568.ttf) format("truetype")}@font-face{font-family:input_mono_regular;font-style:normal;font-weight:400;src:url(/static/media/input_mono_regular.dfb4e4d09bd25b66e27b.ttf) format("truetype")}@font-face{font-family:input_mono_medium;font-style:normal;font-weight:400;src:url(/static/media/input_mono_medium.bb50ca7ffb0ca7cfc335.ttf) format("truetype")}html{height:100vh;position:relative;width:100vw}html::selection{background-color:#ddd}body{margin:0}h1,h2{font-family:alte_haas_grotesk_regular}.app{background-color:#2a2a2a}.app,.body{height:100vh}.body{background-color:#fff;font-family:alte_haas_grotesk_regular;line-height:150%;margin-top:10px;overflow-y:scroll;width:100%}.body a{color:#000;text-underline-offset:3px}.body a:hover{background-color:#000;color:#fff}.body h1{margin-bottom:40px}.body__content{margin-top:-40px;padding-left:60px;width:50%}.body__content img{margin-bottom:20px;margin-top:20px;max-width:500px}.body code{background:#000;color:#fff;display:block;font-family:input_mono_regular;font-size:12px;line-height:100%sa;margin-bottom:30px;padding:15px;white-space:pre}header{align-items:start;display:flex;justify-content:space-between;margin-left:50px;margin-right:50px;margin-top:30px}.header__logo{height:100px}.header__list{list-style:none;margin-right:20px;padding-left:0;text-align:right}.header__list-item{margin-bottom:-10px;margin-top:-10px;width:140%}.header__list-item:hover{background-color:#000;margin-bottom:-10px;margin-top:-10px}.header__list-item-decoration{color:#000;text-decoration:none}.header__list-item-decoration:hover{color:#fff}footer{align-items:center;bottom:15px;display:flex;justify-content:space-between;left:20px;position:absolute;right:30px}.footer__image{max-width:200px}.footer__icon-row{display:flex;gap:20px}.footer__icon{color:#fff;font-size:x-large}.object__list{list-style:none;padding:0}.object__list a{text-decoration:none}.object__list-item{background-color:#000;color:#fff;cursor:pointer;margin-bottom:20px;padding:10px;transition:.2s}.object__list-item:before{content:">";margin-right:15px}.object__list-item:hover{margin-left:20px}@font-face{font-family:InknutAntiqua;src:url(/static/media/InknutAntiqua-Medium.aa0a4ed6cb1e542d29ec.ttf)}#app-background{align-items:flex-start;background-color:#2c271b;display:flex;height:100vh;justify-content:space-between;position:absolute;width:100vw}#heading{color:#74653d;gap:10px;margin-left:30px;margin-top:30px;position:relative}#avatar,#heading{align-items:center;display:flex}#avatar{background-color:#ff4000;border:none;border-radius:100%;height:100px;justify-content:center;opacity:40%;transition:.2s;width:100px}#avatar:hover{opacity:100%}#avatar-logo{height:60%;width:60%}#avatar-logo,#title{filter:brightness(0) saturate(100%) invert(96%) sepia(40%) saturate(649%) hue-rotate(303deg) brightness(102%) contrast(105%)}#title{height:80%;width:100%}#full-grid{display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#beat-grid,.beat-column{display:flex;gap:20px}.beat-column,.beat-column-played{flex-direction:column;transition:.3s}.beat-column-played{display:flex;gap:20px;transform:translateY(-10px)}.divider{background-color:#ff4000;border-radius:2px;height:355px;margin-left:30px;margin-right:30px;width:5px}.cell-inactive,.instrument-cell{align-items:center;background-color:#ffecd1;border-radius:3px;display:flex;height:55px;justify-content:center;width:55px}.cell-inactive{opacity:.3;transition:.2s}.cell-inactive:hover{opacity:.4}.cell-active{align-items:center;background-color:#ffecd1;border-radius:3px;display:flex;height:55px;justify-content:center;opacity:1;transition:.2s;width:55px}.cell-active:hover{opacity:.7}.button-column{display:flex;flex-direction:column;gap:30px;height:100%;justify-content:center;margin-right:60px}.action-button-background{background-color:#781c00}.action-button-background,.action-button-inactive{border:none;border-radius:100%;height:80px;width:80px}.action-button-inactive{align-items:center;background-color:#ff4000;display:flex;justify-content:center;transform:translateY(-6px)}.action-button-inactive:hover{background-color:#b73a00;transition:.1s}.action-button-active,.action-button-inactive:active{transform:translateY(-3px)}.action-button-active{align-items:center;background-color:#8f2700;border:none;border-radius:100%;display:flex;height:80px;justify-content:center;width:80px}.action-button-active:hover{background-color:#b73a00;transition:.1s}.action-button-icon{width:40%}.instrument-icon{width:80%}.scroll-decal{opacity:.3;position:absolute;transform:translate(70px,-50px);width:500px;z-index:0}#playground{display:flex;justify-content:space-evenly}#landing-page{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center;width:100vw}#landing-page,#landing-page h1 h2{font-family:EB Garamond}#landing-page-components{align-items:center;display:flex;flex-direction:column}#landing-page-input{align-items:center;display:flex;font-size:24px;gap:10px;margin-bottom:20px}#landing-page-input label{font-weight:500}#landing-page-input input{border:2px solid #ccc;border-radius:6px;font-family:EB Garamond;font-size:24px;padding:8px 12px}button{background-color:#8ea467;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:EB Garamond;padding:10px 20px}#button-container{justify-content:space-between;margin-top:30px;width:500px}#button-container,.icon-button{align-items:center;display:flex}.icon-button{background-color:#8ea467;border:none;border-radius:50%;cursor:pointer;height:100px;justify-content:center;width:100px}button:hover{background-color:#647449}#build-page{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center;width:100vw}#build-page,#build-page h1 h2{font-family:EB Garamond}.crossword-grid{display:grid;height:500px;width:500px}#build-page-grid-row{display:flex}.grid-cell input{background-color:initial;border:none;caret-color:#0000;cursor:pointer;font-size:1.5em;height:100%;outline:none;text-align:center;-webkit-user-select:none;user-select:none;width:100%}.grid-cell{background-color:#f9f9f9;border:1px solid #000;justify-content:center;margin-left:-1px;margin-top:-1px;position:relative}.grid-cell,.switch-container{align-items:center;display:flex}.switch-container{font-size:20px}.switch{display:inline-block;height:34px;margin-left:10px;position:relative;width:60px}.switch .slider-input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{border-radius:50px;position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}.slider-input:checked+.slider{background-color:#8ea467}.slider-input:checked+.slider:before{transform:translateX(26px)}.slider:hover{background-color:#888}.cell-index{color:#333;font-size:10px;left:5px;position:absolute;top:0;z-index:1}.cell-content{color:#333;font-size:20px;margin-top:10px}.clue-container{display:flex;flex-direction:column;gap:20px}.clue-list{border:1px solid grey;margin-bottom:100px;max-height:400px;overflow-y:auto;padding:10px;width:300px}.popup-overlay{align-items:center;background-color:#1e1e1ebf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background:#fff;border-radius:10px;box-shadow:0 8px 20px #00000040;max-width:500px;padding:30px 40px;position:relative;text-align:center;width:90%}.popup-content button{transition:.2s}.popup-close{background:#0000;border:none;color:#000;cursor:pointer;font-size:20px;position:absolute;right:15px;top:10px}.ending-overlay{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.ending-overlay,.ending-overlay h1{font-family:EB Garamond}.ending-content{align-items:center;display:flex;flex-direction:column;max-width:80%;text-align:center}.ending-content h1{font-size:3rem;font-weight:700;margin-bottom:20px}.code-container{background-color:#f4f4f4;border-radius:8px;font-family:monospace;margin-bottom:120px;padding:16px;position:relative;text-align:left;-webkit-user-select:text;user-select:text;width:800px}.ending-overlay button{align-items:center;background-color:#8ea467;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:EB Garamond;justify-content:center;padding:10px 20px;position:absolute;right:8px;top:8px}.ending-page-text{font-size:24px;width:600px}
/*# sourceMappingURL=main.3400e627.css.map*/