.single-album{width:320px;height:150px;margin:15px;font-size:14px;overflow:hidden;background:#fff;opacity:.95;box-shadow:0 0 10px -3px rgba(71,71,71,.61)}@media (max-width:768px){.single-album{font-size:12px;margin:10px 5px}}.single-album>*{float:left;height:100%}.single-album__cover{width:150px;position:relative;overflow:hidden}.single-album__cover,.single-album__cover img{-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.single-album__cover img{width:100%}.single-album:hover .single-album__cover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.single-album__desc{width:calc(100% - 150px);padding:5px 10px;text-align:center;letter-spacing:.75px;display:flex;flex-direction:column;justify-content:center}.single-album__title{font-size:1em;margin-bottom:5px;font-weight:300;line-height:1.33;text-transform:uppercase}.single-album__artist{font-size:1em;color:#929292;margin-bottom:15px}.albums{flex-wrap:wrap;display:flex;justify-content:center;padding-bottom:50px}body{background:url(/itunes-top-hundred/static/media/pexels-photo-167092.506dfa95.jpeg) top no-repeat fixed;background-size:contain}.main-app__header{margin-bottom:25px;color:hsla(0,0%,100%,.85);text-shadow:2px 2px rgba(0,0,0,.55);text-transform:uppercase;border-bottom:1px solid hsla(0,0%,100%,.45);text-align:center}.main-app__header h1{font-size:4vw;letter-spacing:10px;padding:20px 0 5px;font-weight:800;margin-bottom:0;display:inline-block;line-height:2vw}@media (max-width:768px){.main-app__header h1{font-size:5vw;letter-spacing:5px}}.main-app__header h1 span{display:inline-block;width:100%}.main-app__header h1 span.suffix{text-align:right;font-size:1.5vw;padding:10px 17%;letter-spacing:.5px}@media (max-width:768px){.main-app__header h1 span.suffix{font-size:3vw}}.faded{-webkit-animation:faded 1.2s ease-in-out 1;animation:faded 1.2s ease-in-out 1}.loader{display:flex;width:100%;height:100vh;align-items:center;justify-content:center;font-size:3em;letter-spacing:1px;color:#999}.loader span{position:relative}.loader span:after{content:"";display:inline-block;padding-right:10px;-webkit-animation:loading .8s linear infinite alternate;animation:loading .8s linear infinite alternate;position:absolute;top:0;left:100%;display:block}@-webkit-keyframes faded{0%{opacity:0}to{opacity:1}}@keyframes faded{0%{opacity:0}to{opacity:1}}@-webkit-keyframes loading{0%{content:"."}25%{content:".."}50%{content:"..."}75%{content:"...."}to{content:"....."}}@keyframes loading{0%{content:"."}25%{content:".."}50%{content:"..."}75%{content:"...."}to{content:"....."}}.search-bar{margin-bottom:15px}.search-bar__text{width:100%;max-width:640px;margin:0 auto}.search-bar__text .btn,.search-bar__text .form-control{height:45px;opacity:.9}.search-bar__text .form-control{width:calc(100% - 50px);float:left;border-top-right-radius:0;border-bottom-right-radius:0}.search-bar__text .btn{width:50px;border-top-left-radius:0;border-bottom-left-radius:0}
/*# sourceMappingURL=main.50ab4faa.chunk.css.map */