@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html,body{height:100%;color:#eee;font-family:"Roboto",sans-serif;font-weight:300}strong,b{font-weight:700 !important}h1{margin:0;font-size:30px}a{text-decoration:none;color:#ffba3b;font-weight:bold}a:hover{color:#ffba3b;text-decoration:underline}a:visited{text-decoration:none}.content-wrapper,.header{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.header h1{margin-bottom:10px;font-weight:normal}.header h1 a{color:#eee;font-weight:normal}.header h1 a:hover{text-decoration:none}.box{float:left}.root{max-width:1200px;margin:0 auto;height:100%}.inner{width:80%}.wrapper,.heading,.content,.footer{width:100%}.wrapper{-webkit-animation-name:fadeIn;-webkit-animation-duration:200ms;animation-name:fadeIn;animation-duration:200ms}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.header-image:hover{animation:rotate 300ms}@keyframes rotate{33%{transform:rotate(-10deg)}66%{transform:rotate(10deg)}}.nav-left{width:20%;margin-top:120px;background-color:rgba(45,45,45,.75)}.nav-top{display:none;width:100%;background-color:rgba(35,35,35,.75)}.gap-top,.gap-bottom{width:100%;height:10%}.header{width:100%;padding:0 0 10px 10px;height:120px;color:#eee;text-shadow:2px 1px 3px rgba(45,45,45,.75)}.header .header-inner{width:80%;height:100%;display:flex;justify-content:space-between;align-items:flex-end}.header .header-inner .header-image{height:100%;overflow:hidden;padding-right:10px}.header .header-inner .header-image img{height:100%}.header .header-inner .header-text{text-align:right}.content-wrapper{width:80%;padding:10px;background-color:rgba(45,45,45,.75)}.content>p{line-height:1.6em;margin:10px 0 5px 0}.content>p:first-child{margin:6px 0}.footer{margin:10px 0 -10px -10px;padding:10px;border-top:1px solid rgba(96,96,96,.3);font-size:.9em;opacity:.95;display:flex;justify-content:space-between}.footer :nth-child(2){text-align:right}ul.nav{list-style-type:none;padding:0;margin:0}ul.nav>li>a{-webkit-transition:all 50ms linear;-moz-transition:all 50ms linear;-o-transition:all 50ms linear;transition:all 50ms linear;font-weight:bolder;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ul.nav li a:hover{text-decoration:none}ul.nav>li>ul>li>a{-webkit-transition:all 50ms linear;-moz-transition:all 50ms linear;-o-transition:all 50ms linear;transition:all 50ms linear}.nav-left ul.nav li>a{display:block;padding:7px 7px 7px 35px;background:url(../img/notes-white.png) no-repeat 10px 9px;color:#eee}.nav-left ul.nav li>a:hover{background-position:13px 9px;padding-left:38px}.nav-left ul.nav li>a:hover{background-color:rgba(35,35,35,.75)}.nav-left ul.nav li>ul{list-style-type:none;padding:0;margin:0 0 0 25px}.nav-left ul.nav li>ul>li>a{font-weight:normal}.nav-top ul.nav{position:relative}.nav-top ul.nav>li{float:left;width:25%}.nav-top ul.nav>li>a{display:block;height:30px;text-align:center;padding:10px 0 0 0;color:#eee}.nav-top ul.nav>li>a:hover{background-color:rgba(45,45,45,.75)}.nav-top ul.nav:after{content:"";clear:both;display:block}ul.sheet-music{list-style-type:none;padding:0;margin:0 0 15px 0}ul.sheet-music>li{padding:5px;margin:8px 0;border:1px solid rgba(45,45,45,.75);border-radius:8px;background-color:rgba(45,45,45,.8);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;white-space:nowrap;overflow:hidden;-webkit-transition:all 50ms linear;-moz-transition:all 50ms linear;-o-transition:all 50ms linear;transition:all 50ms linear}ul.sheet-music>li:hover{background-color:#ffba3b}ul.sheet-music>li p{margin:0;padding:5px}ul.sheet-music>li p strong{font-size:1.3em}ul.sheet-music>li>ul{list-style-type:none;padding:5px;margin:0;display:flex;justify-content:flex-end}ul.sheet-music>li>ul>li:not(:empty){padding:0 8px}ul.sheet-music>li>ul>li:not(:empty).video a{padding-left:22px;background:url(../img/notes-white.png) left center no-repeat}ul.sheet-music>li>ul>li:not(:empty).pdf a{padding-left:22px;background:url(../img/pdf.png) left center no-repeat}ul.sheet-music.overview>li{padding:0}ul.sheet-music.overview>li>a{padding:5px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;white-space:nowrap;overflow:hidden}ul.sheet-music.overview>li>a p span{color:#eee;font-weight:normal}ul.sheet-music.overview>li>a p strong,ul.sheet-music.overview>li>a p span{-webkit-transition:all 50ms linear;-moz-transition:all 50ms linear;-o-transition:all 50ms linear;transition:all 50ms linear}ul.sheet-music.overview>li:hover>a{text-decoration:none}ul.sheet-music.overview>li:hover>a p strong,ul.sheet-music.overview>li:hover>a p span{color:#2d2d2d}@media only screen and (max-width: 900px){.gap-top,.gap-bottom,.nav-left{display:none}.nav-top{display:block}.inner,.wrapper,.header-text,.heading,.content,.footer{width:100%}.header{width:100%;height:auto}.header .header-inner{width:100%;display:block}.header .header-inner .header-image{width:100%;height:96px;padding-top:20px;text-align:center}.header .header-inner .header-text h1{margin-top:10px;text-align:center}.content-wrapper{width:100%}.nav-top ul.nav>li>a{padding:10px 7px 0 7px}}@media only screen and (max-width: 700px){.nav-top ul.nav>li{float:none;width:100%}.nav-top ul.nav>li>a{display:block;padding:7px 7px 7px 35px;background:url(../img/notes-white.png) no-repeat 10px 9px;height:auto;text-align:left}.nav-top ul.nav>li>a:hover{background-position:13px 9px;padding-left:38px}.nav-top ul.nav>li:hover>ul{display:block}.nav-top ul.nav>li>ul{position:static;display:none}.nav-top ul.nav>li>ul>li>a{-webkit-transition:all 50ms linear;-moz-transition:all 50ms linear;-o-transition:all 50ms linear;transition:all 50ms linear;display:block;padding:7px 7px 7px 35px;background:url(../img/notes-white.png) no-repeat 10px 9px;background-image:none;text-align:left;width:100%}.nav-top ul.nav>li>ul>li>a:hover{background-position:13px 9px;padding-left:38px}}@media only screen and (min-width: 901px),only screen and (max-width: 700px){.nav-left ul.nav li.active a,.nav-top ul.nav li.active a{display:block;padding:7px 7px 7px 35px;background:url(../img/notes-black.png) no-repeat 10px 9px}.nav-left ul.nav li.active a:hover,.nav-top ul.nav li.active a:hover{background-position:13px 9px;padding-left:38px}}.nav-left ul.nav li.active a,.nav-top ul.nav li.active a{color:#2d2d2d;background-color:#ffba3b;font-weight:bold}body{background:#222 url(../img/index-bg.jpg) center center/auto 100% no-repeat fixed}video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}@media only screen and (max-width: 900px){video{display:none}}.header{text-shadow:2px 2px 3px #000}.header .header-inner .header-image{height:auto}/*# sourceMappingURL=index.css.map */