.Footer{background-color:var(--footer-bg-color);height:var(--footer-height);max-height:var(--footer-height);overflow:hidden}.Footer__container{height:100%;margin:0 auto;max-width:var(--page-max-width)}.Footer__content{display:flex;flex-direction:row;justify-content:space-between}.FooterItem{display:flex;width:25%;max-width:120px;flex-direction:column;align-items:center;padding:6px 4px 0;cursor:pointer}.FooterItem:hover:not(.FooterItem--disabled) .FooterItem__label{color:#fff}.FooterItem__icon{font-size:20px;color:#fff;padding:10px}.FooterItem--active .FooterItem__icon{color:var(--orange)}.FooterItem__label{font-size:14px;font-weight:400;line-height:20px;color:var(--dark-grey);transition:color .25s}.FooterItem--active .FooterItem__label{color:var(--orange)}.Layout{overflow:hidden;height:100%;background-color:var(--main-bg-color)}.Layout__content{position:relative;height:calc(100% - var(--footer-height));overflow:auto}:root{--font-main:"Helvetica",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"Helvetica",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size:16px;--content-max-width:568px;--extra-max-width:900px;--header-height:52px;--footer-height:72px;--page-max-width:768px;--side-padding:20px;--transition-duration:0.25s;--bp-992:992px;--bp-840:840px;--bp-768:768px;--bp-576:576px}@media(min-width:768px){:root{--footer-height:82px}}:root{--accent-color:var(--orange);--border-color:var(--grey);--header-bg-color:var(--dark);--footer-bg-color:var(--dark);--main-bg-color:var(--beige);--song-bg-color:#fff;--text-color:var(--dark-grey);--title-color:var(--dark);--shadow-color:rgba(56,55,142,0.15);--beige:#fffaed;--brown:#26231b;--dark:#0b0800;--dark-grey:#6c6c6c;--grey:#c0c0c0;--orange:#f5c149}.Header{background-color:var(--header-bg-color);height:var(--header-height)}@media(min-width:768px){.Header{position:fixed;top:0;left:0;right:0;z-index:10}}.Header__container{height:100%;margin:0 auto;max-width:var(--page-max-width)}.Header__content{display:flex;align-items:center;justify-content:space-between;padding:0 var(--side-padding);height:100%}.Header__home{height:27px;width:98px;overflow:hidden}.Header__logo{max-width:100%}