:root{--white:#fff;--blue:#0ff;--pink:#f0f;--border:1px solid var(--white)}body{background-color:#000;color:#fff;color:var(--white);font-family:Oswald,sans-serif;font-weight:300;margin:0;padding:0;text-align:center}#wrapper{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}footer,header{background:rgba(0,0,0,.7)}h2{font-family:Permanent Marker,cursive;font-size:7vmin;margin:16px 0}ul{align-items:center;display:flex;flex-direction:column;margin:0;padding:0}li{list-style-type:none}hr{background-image:linear-gradient(90deg,hsla(0,0%,100%,0),#fff,#fff,hsla(0,0%,100%,0));border:0;height:1px;margin:0}#wrapper>hr{margin:0 auto;width:10%}a{margin:0 .2em;text-decoration:none}a,a:visited{color:#fff;color:var(--white)}a,button{transition:.15s}footer a{margin:0 .5em}footer a:hover{color:#fff;color:var(--white);text-decoration:underline}small{display:inline-block;margin:.5em 0}.intro-blurb{margin:auto;max-width:85vmin}.intro-blurb li{margin-bottom:1em}.intro-blurb li:first-of-type{margin-top:1em}.pattern-sound{color:#f0f;color:var(--pink);margin-bottom:0}.italics{font-style:italic}.thinking-emoji{font-size:2em;margin:1rem 0 0}.controls-wrapper{margin:0 auto}form{border:1px solid #fff;border:1px solid var(--white);border-radius:4px;display:flex;margin:1em 1em 2em}form>*{width:33.3%}button,label{font-size:.7em;letter-spacing:.4px;text-transform:uppercase}input,label div{font-family:system-ui;font-weight:400}label{align-items:center;border-right:1px solid #fff;border-right:1px solid var(--white);display:flex;flex-direction:column;padding:3px 0}label:last-of-type{position:relative}label div{bottom:3px;color:#f0f;color:var(--pink);font-size:1rem;pointer-events:none;position:absolute;text-transform:lowercase}input,select{background:none;border:none;cursor:pointer;font-size:1rem;outline:none;width:100%}input{-webkit-appearance:none;caret-color:#fff;caret-color:var(--white);color:#f0f;color:var(--pink);padding:0;text-align:center}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}select{border-radius:0;color:#000;max-height:18px}.button-wrapper{padding:3px 0}button{background-color:#fff;background-color:var(--white);border-radius:2px;color:#000;cursor:pointer;font-family:Oswald;height:100%;min-width:52px;outline:none;width:calc(100% - 6px)}.chart{margin:1em 0}.chart div{margin:auto;max-width:650px}@media (min-width:500px){.chart{margin:1.5em 2em}}.sequence-list li{margin:0 0 1em;transition:transform .3s}footer a{font-weight:400}.even,.odd{margin:0 .25rem}.even{color:#0ff;color:var(--blue)}.odd{color:#f0f;color:var(--pink)}.error-modal{align-items:center;background:#f0f;background:var(--pink);color:#000;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0;position:fixed;width:100vw}
/*# sourceMappingURL=main.a064ceeb.css.map*/