@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;700&display=swap);body{background-color:#000;box-sizing:border-box;color:#fff;font-family:Josefin Sans,sans-serif;width:100%}footer{padding-left:15px}.contentDiv{margin-bottom:20px;width:100%}.header{color:#fff;display:flex;flex-direction:row;justify-content:space-between}.nav{display:inline-flex}.nav,ul{justify-content:space-around}ul{display:flex;list-style-type:none}li{border-radius:6px;font-size:16px;height:40px;margin:1.75em 15px 15px;padding:7px 9px;text-align:center}li:first-of-type{border:3px solid #801cff}li:nth-of-type(2){border:3px solid #c41cff}li:nth-of-type(3){border:3px solid #ff1ccd;margin-right:2em}.logo{margin:1.75em 0 0 1.75em;max-width:350px;min-width:250px;width:30vw}.menu{display:none}@media screen and (max-width:820px){.menu{display:inline-flex;height:30px;margin:1.75em;width:30px}ul{display:none}}@media screen and (max-width:400px){.menu{height:25px;width:25px}}@media screen and (max-width:1180px) and (max-height:820px) and (orientation:landscape){.menu{display:inline-flex;height:30px;margin:2em;width:30px}ul{display:none}.logo{width:20vh}}@media screen and (max-width:1180px) and (max-height:420px) and (orientation:landscape){.menu{display:inline-flex;height:20px;margin:.75em;width:20px}ul{display:none}.logo{height:51.03px;margin:.5em 0 0 .5em;min-width:150px;width:150px}}body,div{border:0;box-sizing:border-box;margin:0;padding:0}.measures{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:5vh auto 10vh}.firstMeasureWrapper,.secondMeasureWrapper{display:flex;flex-shrink:2;flex-wrap:nowrap;justify-content:center;min-width:0}.firstMeasure div{flex-wrap:nowrap;margin:0;padding:0}.secondMeasureDiv{margin-top:0;padding-top:0}.secondMeasureMeter{display:none}.simpleQuad{width:602px}@media screen and (max-width:1350px){.firstMeasureMeter,.secondMeasureMeter{align-self:center;display:flex}.secondMeasureWrapper{margin-top:4vh}}@media screen and (max-width:820px){.simpleQuad{width:451.5px}.secondMeasureWrapper{margin-top:2vh}}@media screen and (max-width:550px){.simpleQuad{width:301px}}@media screen and (max-width:1180px) and (max-height:820px) and (orientation:landscape){.firstMeasureMeter,.secondMeasureMeter{align-self:center;display:flex}.simpleQuad{width:301px}.secondMeasureMeter{display:none}.secondMeasureWrapper{margin-top:0}.firstMeasureMeter{height:106.5px}}.fourFour{align-self:center}@media screen and (max-width:820px){.fourFour{height:213px}}@media screen and (max-width:550px){.fourFour{height:142px}}@media screen and (max-width:1180px) and (max-height:820px) and (orientation:landscape){.fourFour{height:142px}}.noteBank{display:flex;flex-wrap:wrap;gap:2rem;height:auto;justify-content:center;margin:0 auto;max-width:1300px;width:96vw}.noteStack{height:90px}.note{cursor:move}.sixteenth{width:37px}.eighth,.twoBeamedSixteenth{width:74px}.dottedEighth{width:111px}.fourBeamedSixteenth,.quarter,.threeBeamedEighthBorrowed,.twoBeamedEighth{width:148px}.dottedQuarter{width:222px}.half{width:298px}.dottedHalf{width:448px}.whole{width:598px}@media screen and (max-width:820px){.sixteenth{width:27.75px}.eighth,.twoBeamedSixteenth{width:55.5px}.dottedEighth{width:83.25px}.fourBeamedSixteenth,.quarter,.threeBeamedEighthBorrowed,.twoBeamedEighth{width:111px}.dottedQuarter{width:166.5px}.half{width:223.5px}.dottedHalf{width:336px}.whole{width:448.5px}.noteStack{height:67px}}@media screen and (max-width:1180px) and (max-height:820px) and (orientation:landscape),screen and (max-width:550px){.sixteenth{width:18.5px}.eighth,.twoBeamedSixteenth{width:37px}.dottedEighth{width:55.5px}.fourBeamedSixteenth,.quarter,.threeBeamedEighthBorrowed,.twoBeamedEighth{width:74px}.dottedQuarter{width:111px}.half{width:149px}.dottedHalf{width:224px}.whole{width:297px}.noteStack{height:45px}}footer{bottom:10px;position:fixed;width:100%}
/*# sourceMappingURL=main.0ca4efd1.css.map*/