padding: 50px 38px;
'#' - contem especificade 100, por esse motivo o '.player' não altera nada no '#player-1' apenas nos outros que não tem nenhum padding definido anteriormente, porém se posteriormente for definido um padding nos outros dois '#player-*' o que está definido no '.player' será ignorado pela especificade da '#' ser 100 e a do '.' ser 10.
- a '#' é utilizada para se referir a um id definido no HTML do seu código;
- o '.' é utilizado para se referir a uma class definida no HTML do seu código;
- aperte a tecla ALT e vá selecionando onde irá deixar o cursor para que ao digitar/apagar seja alterado em todos os lugares onde se encontra o cursor.
- digite em seu código '.(nome da class)' e ta pronto o sorvetinho.
- para colocar com id, é o mesmo procedimento, porém com '#'
- o alt="" quer dizer uma forma alternativa do navegador dizer o que seria aquela imagem, caso a mesma não carregue na página.