#viewport{background:url(../static/art/bg.jpg) repeat center center}main{height:auto;padding-bottom:1px}.songs__image{display:block;width:100%;height:auto}@media only screen and (min-width: 760px)and (max-width: 959px),only screen and (min-width: 960px)and (max-width: 1499px),only screen and (min-width: 1500px){.songs{margin:0 40px}}.songs__instructions{color:#3e89af;background-color:#fffada;font-weight:bold;position:relative;margin:0 auto;display:flex;justify-content:center;align-items:center;text-align:center;padding:30px;border-radius:8px;line-height:1.3em}.songs__instructions-border{pointer-events:none;position:absolute;border-radius:3px;border:solid 4px #6dcacc;top:4px;right:4px;bottom:4px;left:4px}@media only screen and (min-width: 760px)and (max-width: 959px),only screen and (min-width: 960px)and (max-width: 1499px),only screen and (min-width: 1500px){.songs--animate{transform-origin:top center;animation-duration:1s;animation-name:songs--swing}.songs__instructions{height:80px;margin-top:40px;margin-bottom:20px;max-width:400px;font-size:20px}.songs__instructions-border::before,.songs__instructions-border::after{position:absolute;top:4px;width:12px;height:12px;content:"";display:block;background:url(../static/global/mini-tack.png) no-repeat center center;background-size:contain}.songs__instructions-border::before{left:4px}.songs__instructions-border::after{right:4px}}@media only screen and (max-width: 759px){.songs__instructions{padding:30px 30px;margin-bottom:20px;margin-top:10px;font-size:1.5555555556em}}.songs__items{list-style:none;margin:0;padding:0}@media only screen and (min-width: 760px)and (max-width: 959px),only screen and (min-width: 960px)and (max-width: 1499px),only screen and (min-width: 1500px){.songs__items{margin:50px auto 0 auto;display:flex;flex-wrap:wrap}.songs__item{width:317px;height:382px;display:flex;justify-content:center;align-items:center;margin-bottom:24px;position:relative;margin-right:64px}.songs__item::before{content:"";display:block;pointer-events:none;position:absolute;background-repeat:no-repeat;background-size:contain;background-position:center center}.songs__image{width:242px;height:262px;position:absolute;top:68px;left:38px}.songs__item:nth-child(2n+1)::before{width:100%;height:100%;background-image:url(../static/art/frame-1.png);position:absolute;top:0;left:0;z-index:10;pointer-events:none}.songs__item:nth-child(2n+2)::before{width:100%;height:100%;background-image:url(../static/art/frame-2.png);position:absolute;top:0;left:0;z-index:10;pointer-events:none}.songs::after{content:"";display:block;height:480px;margin-left:-40px;margin-right:-40px;background:url(../static/art/characters.png) no-repeat center bottom,url(../static/art/characters-repeat.png) repeat-x center bottom;background-size:auto;margin-bottom:-1px}}@media only screen and (max-width: 759px){.songs__content{margin:15px auto 30px auto}.songs__border{border-radius:8px;border:solid 4px #f23717;padding:11px;background-color:#ffe243}.songs__item{position:relative;background-color:#fff;border-radius:3px;border:solid 4px #b6e4e5;margin-bottom:15px}.songs__link{display:block;padding:10px}}@media only screen and (min-width: 1180px){.songs__items{max-width:1080px}.songs__item:nth-child(3n+3){margin-right:0}}@media only screen and (min-width: 800px)and (max-width: 1179px){.songs__items{max-width:700px}.songs__item:nth-child(2n+2){margin-right:0}.songs__item:nth-child(4n+1)::before,.songs__item:nth-child(4n+4)::before{background-image:url(../static/art/frame-1.png)}.songs__item:nth-child(4n+2)::before,.songs__item:nth-child(4n+3)::before{background-image:url(../static/art/frame-2.png)}}@media only screen and (min-width: 760px)and (max-width: 799px){.songs__items{max-width:317px}.songs__item{margin-right:0}}@keyframes songs--swing{20%{transform:rotate3d(0, 0, 1, 3deg)}40%{transform:rotate3d(0, 0, 1, -2deg)}60%{transform:rotate3d(0, 0, 1, 1deg)}80%{transform:rotate3d(0, 0, 1, -1deg)}to{transform:rotate3d(0, 0, 1, 0deg)}}