:root{--colorflo1: #17d9ef;--colorflo2: #09f7a8;--bluecolor1: #033487;--bluecolor2: #008afe;--bluecolor3: white}.btn-flo{background:var(--colorflo1);color:#000;transition:all .4s ease-in-out}.btn-flo:hover{background:var(--bluecolor2);color:#fff}.btn-flo-outline{background:transparent;outline:1px solid silver;color:#fff;transition:all .4s ease-in-out}.btn-flo-outline:hover{background:var(--colorflo1);color:#000;border:1px solid black}:root{--color1: #092e20;--color2: #045149;--color3: #e2dfd5;--color4: #003049ff;--color5: #c1121fff;--color6: #fdf0d5ff;--color7: #780000ff;--color8: #669bbcff}html{height:100vh;width:100vw}body{height:100vh;width:100vw;margin-bottom:4rem}*{padding:0;margin:0;box-sizing:border-box}:root{--color1: #010101;--color2: #ffffff;--color3: #1d415e;--color4: #0400ff}body{font-family:"system-ui",sans-serif;color:var(--color1);user-select:none}.navbar-brand img{max-height:80;width:auto}main .container{display:flex;justify-content:center;align-items:center;min-height:100vh}main{width:100vw;height:auto;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-items:center}section .hero{order:1;flex-shrink:1;flex-basis:auto;align-self:auto;width:100vw;height:auto;justify-content:space-evenly;flex-direction:column;flex:1}.hero{display:block;margin-bottom:1rem}.hero .page-title{letter-spacing:.5rem;font-weight:200;margin-bottom:0}section .metronome{display:flex;flex-direction:column;width:300px;height:250px;align-items:start}.bpm-display{width:100%;text-align:center;color:var(--color4);font-weight:700}.tempo-display .tempo{font-size:4rem;font-weight:200;letter-spacing:.2rem}.tempo-text{font-size:1rem;text-transform:uppercase;text-align:center;font-weight:200}.tempo-settings{display:flex;width:100vw;align-items:center;justify-content:space-evenly}.tempo-settings .tempo-adjust{width:2rem;height:2rem;text-align:center;cursor:pointer;transform:translateY(-1.5rem)}input[type=range]{appearance:none;-webkit-appearance:none;background-color:transparent;width:60%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color4);cursor:pointer;margin-top:-8px}input[type=range]::-moz-range-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color4);cursor:pointer;border:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:1px;background:#ddd}input[type=range]::-moz-range-track{width:100%;height:1px;background:#ddd}.start-stop{width:8rem;height:8rem;font-size:1rem;text-align:center;background:var(--color4);border-radius:50%;color:#fff;line-height:125px;margin:0 auto;cursor:pointer}.start-stop:hover{background:#fff;color:var(--color3)}.measures{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.measures .stepper{width:2rem;height:2rem;text-align:center;cursor:pointer}.measures .stepper:hover{color:var(--color4)}.measures .add-beats{line-height:20px}.beats-per-measure-text{text-align:center;font-size:.5em;text-transform:uppercase;letter-spacing:.2rem}.glow-container{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;width:min(100%,28rem);margin:0 auto;padding:2rem 0;background:transparent;overflow:visible;isolation:isolate}.glow-orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(12rem,38vw,22rem);height:clamp(12rem,38vw,22rem);border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff29,#fff0 19%),radial-gradient(circle,#243475f2,#24347566 40%,#2434751f,#0a0b1000 84%);filter:blur(78px) saturate(135%);opacity:.88;pointer-events:none;z-index:0;mix-blend-mode:screen}.glow-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(15rem,46vw,26rem);height:clamp(15rem,46vw,26rem);border-radius:50%;background:radial-gradient(circle,#0400ff2e,#0400ff0f 35%,#0a0b1000 75%);filter:blur(70px);pointer-events:none;z-index:-1}.glow-container>*:not(.glow-orb){position:relative;z-index:1}.reveal{animation:reveal ease-in-out 2s 1 normal forwards;opacity:0}@keyframes reveal{0%{opacity:0}to{opacity:1}}.d-1{animation-delay:.5s}.d-2{animation-delay:1s}.d-3{animation-delay:1.5s}.d-4{animation-delay:2s}.d-5{animation-delay:3s}.d-6{animation-delay:4s}.d-7{animation-delay:4.5s}.d-8{animation-delay:5s}.d-9{animation-delay:5.5s}.d-10{animation-delay:6s}.icon-add,.meter-add,.icon-subtract,.meter-subtract{font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 48}.icon-add,.icon-subtract{font-size:5rem}.meter-add,.meter-subtract{font-size:2rem}.icon-add,.icon-subtract,.meter-add,.meter-subtract{color:#fff;transition:color .7s ease-in-out}.icon-subtract:hover,.icon-add:hover{color:#00f}