@font-face{font-family:"Impact Label";src:url("../fonts/Impact Label.ttf")}@font-face{font-family:"Roboto";src:url("../fonts/Roboto.ttf")}@font-face{font-family:"Saira";src:url("../fonts/Saira-Regular.ttf")}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Roboto", sans-serif;background:url(../img/paper.jpg)}header{position:relative;background:url(../img/fondo_900.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100vh;box-shadow:0 5px 10px rgba(0,0,0,0.7)}header .logo{position:absolute;top:50px;width:100%;text-align:center}header .logo img{max-width:100%}header .btn{position:absolute;height:50px;width:300px;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0,0,0,0.9);color:#fff;line-height:50px;text-align:center;font-size:1.6em;text-decoration:none;text-shadow:0 0 5px #fa0;border-radius:10px;box-shadow:0 0 10px 3px #fa0,0 15px 20px rgba(0,0,0,0.7)}header .menu{display:flex;justify-content:space-around;background:rgba(0,0,0,0.4)}header .menu a{text-decoration:none;font-size:1.2em;line-height:1.4em;font-weight:bold;color:#fff;text-shadow:0 0 5px rgba(0,0,0,0.9),0 2px rgba(0,0,0,0.5)}@media screen and (max-width: 700px){header .menu a{font-size:.9em}}header .menu a:hover{color:#fe9;text-shadow:0 0 5px rgba(0,0,0,0.9),0 5px rgba(0,0,0,0.5)}@media screen and (max-width: 500px){header .menu{display:none}}section{position:relative;padding:20px;margin-top:30px}section .label{display:inline-block;font-family:"Impact Label";font-size:2em;background:#fff;color:#000;margin-bottom:30px;box-shadow:0 10px 20px rgba(0,0,0,0.7)}section p{margin-bottom:1em}.foto-grupo{display:flex;justify-content:center}.grupo{display:block;width:80%;height:80%;margin-bottom:40px;border-radius:20px;box-shadow:0 10px 20px -5px rgba(0,0,0,0.5)}.banda{display:flex;justify-content:center;flex-wrap:wrap}.banda .ficha{background:#fff;padding:10px;border-radius:5px;box-shadow:0 10px 20px -5px rgba(0,0,0,0.5);display:flex;max-width:350px;min-height:230px;margin-bottom:20px;margin-right:20px}.banda .ficha:last-child{margin-right:0}@media screen and (max-width: 500px){.banda .ficha{margin-right:0}}.banda .ficha .datos{margin-left:10px}.banda .ficha .datos .nombre{font-weight:bold}.banda .ficha .datos .instrumento{display:block;font-size:.8em;margin-bottom:1em;background:rgba(85,0,170,0.3);padding:3px}.banda .ficha .datos .descripcion{font-size:.9em;color:#777}.player{background:rgba(0,0,0,0.6);width:650px;border-radius:10px;padding:10px;display:flex;border:2px solid #333;box-shadow:0 10px 20px -5px rgba(0,0,0,0.5)}@media screen and (max-width: 700px){.player{width:270px}}.player .disco{align-self:center}@media screen and (max-width: 700px){.player .disco{display:none}}.player .canciones{background:rgba(255,221,153,0.8);border-radius:3px;box-shadow:inset 0 3px 5px 1px rgba(0,0,0,0.5);width:300px;padding:10px;margin-left:40px}@media screen and (max-width: 700px){.player .canciones{margin-left:0;width:250px}}.player .canciones img{vertical-align:top}.player .canciones li{font-family:"Saira";font-size:.9em;line-height:1.3em}#playerCtrl{display:none}section ul{list-style-type:none}footer{margin-top:40px;margin-bottom:20px;text-align:center;font-size:.8em;color:#666}