@font-face{font-family:amatic sc;src:url(fonts/AmaticSC-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:amatic sc;src:url(fonts/AmaticSC-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:kreon;src:url(fonts/Kreon-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:kreon;src:url(fonts/Kreon-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}body{font-family:kreon,Calibri,serif;font-weight:300;padding:0;margin:0;background-image:url(bg_pattern.webp);background-position-x:center;background-repeat:repeat}.long-header{background-image:url(header.webp);margin:0;height:500px;background-repeat:repeat-x;background-position-x:center;margin-bottom:-150px}.truncated-header{background-image:url(header-truncated.webp);background-repeat:repeat-x;background-position-x:center;height:350px;margin-bottom:-300px;color:#fff}#nav-container,#truncated-nav,#small-print,#content{margin:auto;max-width:500px;padding-left:5px;padding-right:5px}#nav-container{max-width:200px}.nav-grid{display:grid;grid-template-columns:auto auto;grid-gap:4px}.nav-grid a{text-align:center;width:100%;display:inline-block;background-color:#000;color:#fff;border-radius:4px;text-decoration:none;font-family:amatic sc,Arial,cursive;font-size:32px;transition:filter .3s}.nav-grid a:hover{filter:drop-shadow(0 0 5px black)brightness(120%)}#logo-filler{height:200px}#footer-filler{height:250px}#truncated-nav{display:flex;justify-content:space-between;align-content:center;align-items:center;height:50px}#content{padding-left:35px;padding-right:35px;box-sizing:border-box}#content>p:first-of-type{font-size:20px;font-weight:500}.album-cover{padding:14px;border-radius:14px;position:relative;z-index:0;max-width:100%;min-width:220px;transition:filter .3s}a .album-cover:hover{filter:drop-shadow(0 0 5px black)brightness(120%)}.album-shadow{background-color:transparent;box-shadow:inset 0 0 50px #000}.album-grid .album-cover{margin:0}.album-cover img{margin-bottom:-5px;position:relative;z-index:-1;width:100%}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:20px;margin-left:-35px;margin-right:-35px}.remark{background-color:#ccc;border-radius:6px;padding:10px}.example{background-color:#999;border-radius:6px;padding:10px}h1,h2,h3,h4,h5,h6{font-family:amatic sc,Arial,cursive;min-height:50px;font-size:30px;padding-left:37px;padding-right:37px;box-sizing:border-box;background-image:url(sheet_music.webp);padding-top:8px;background-repeat:no-repeat;background-size:680px 54px;margin-bottom:-13px;margin-left:-35px;margin-right:-35px}h3{font-size:24px;padding-top:14px;padding-left:60px}.header-link{text-decoration:none;color:inherit}.bare-heading{background-image:none;padding:0;margin:0}.nav-heading{width:100%;text-align:center;min-height:0}.blog-heading{max-width:350px;margin:auto;text-align:center;margin-top:50px;font-size:42px}.front-title{text-align:center}.front-title:hover{text-decoration:underline}.front-tagline{text-align:center;opacity:.5}.article-summary{background-color:#ffaa53;border-radius:10px;padding:10px;transition:background-color .3s,filter .3s}.tab-post{background-color:#b1ff73}.article-summary-flex{display:flex}.article-summary-flex img{border-radius:10px;max-width:175px}.list-grid{display:grid;grid-gap:15px;margin-left:-35px;margin-right:-35px}img{max-width:100%}.article-summary:hover{background-color:#ff805e;filter:drop-shadow(0 0 3px #333)}.tab-post:hover{background-color:#ffe373}.tab-list li{margin-bottom:10px}#show-toc{width:100%;text-align:center;cursor:pointer;user-select:none}a.big-link{text-decoration:none;color:inherit}a.icon-link{margin-left:5px;margin-right:5px;transition:transform .3s}a.icon-link:hover{transform:scale(1.35)}footer{height:510px;background-image:url(footer.webp);background-position-x:center;color:#fff}#footer-links{display:flex;justify-content:space-between}.footer-tagline{font-size:12px;opacity:.5;margin-top:5px}.pagination{display:flex;list-style-type:none;width:100%;justify-content:space-between;margin-left:0;padding-left:0}.pagination li{background-color:#442d16;border-radius:10px;transition:filter .3s;opacity:.5}.pagination li:hover{filter:invert()drop-shadow(0 0 3px black);opacity:1}.pagination li a{text-decoration:none;color:#ffd09d;padding:10px;display:inline-block;font-size:24px;font-family:amatic sc,Arial,cursive;font-weight:900}.icon{display:inline-block;width:30px;height:30px;background-image:url(icons.webp);background-size:400%}.icon-home{background-position-x:0}.icon-albums{background-position-x:-30px}.icon-blog{background-position-x:-60px}.icon-about{background-position-x:-90px}.col-link{background-color:#000;border-radius:3px;text-decoration:none;color:#000;display:inline-block;transition:.3s;border-bottom-width:2px;border-bottom-style:solid}.col-link:hover{filter:invert()drop-shadow(0 0 1px black)}.link-green{background-color:#81c341;border-bottom-color:green}.link-orange{background-color:orange;border-bottom-color:#da752c}.link-pink{background-color:pink;border-bottom-color:#ee65a5}.link-red{background-color:#ff7f7a;border-bottom-color:red}.link-lightblue{background-color:#64eeea;border-bottom-color:#1a6c68}.link-darkblue{background-color:#a1bcff;border-bottom-color:#3737b2}.link-purple{background-color:#ca82fa;border-bottom-color:purple}.link-yellow{background-color:#eacf67;border-bottom-color:#7f7f1b}.tag-list{display:flex;flex-wrap:wrap;grid-gap:5px;margin-top:5px}.tag-link{text-decoration:none;transition:filter .3s}.tag-link:hover{filter:invert()drop-shadow(0 0 2px black)}.tag{padding-left:5px;padding-right:5px;border-radius:3px;text-decoration:none !important;white-space:nowrap}.tag-neutral{background-color:#ccc;color:#333;font-weight:700}.tag-date{background-color:#6f264b;color:#ffb6e9}.tag-lightblue{background-color:#124881;color:#c2d4ff}.tag-blue{background-color:#1529b0;color:#c0caff}.tag-green{background-color:#284c0d;color:#adee90}.tag-lightgreen{background-color:#78d42d;color:#0f2002}.tag-red{background-color:#c51e1e;color:#ffbdbd}.tag-brown{background-color:#893f12;color:#ffc4ba}.tag-turqoise{background-color:#0a4e48;color:#a7ffc5}.tag-pink{background-color:#c52e75;color:#ffe7f5}.tag-purple{background-color:#8229b4;color:#ecd9ff}.tag-orange{background-color:#d44831;color:#ffedeb}.tag-yellow{background-color:#ffe34e;color:#3e2e0e}.tag-grey{background-color:#555;color:#ececec}.album-links{display:flex;width:100%;justify-content:space-between;align-items:center;align-content:center}.album-link-coming-soon{text-align:center;width:100%;font-weight:900;font-size:200%}.album-link{display:block;width:60px;height:60px;background-image:url(music_store_icons.png);background-size:800%;transition:transform .3s,filter .3s;margin-top:20px;filter:drop-shadow(0 0 3px rgba(100,50,0,.25))}.album-link:hover{transform:scale(1.2);filter:drop-shadow(0 0 8px #321)}.album-link-spotify{background-position-x:0}.album-link-itunes{background-position-x:-60px}.album-link-youtube{background-position-x:-120px}.album-link-amazon{background-position-x:-180px}.album-link-deezer{background-position-x:-240px}@media all and (max-width:500px){.article-summary-flex img{max-width:100px}.album-grid{padding:10px}.list-grid{padding:10px}.nav-heading{font-size:16px}}