body {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: 
    "aside header" "aside main";
}

header .secao-player {
    display: flex;
    justify-content: space-between;
    padding: 16px;
}

.player_descricao {
    display: grid;
}

.player_volume {
    display: flex;
    align-items: center;
}

.player_volume_nivel {
    width: 7.25rem;
    height: .25rem;
    background-color: white;
    border-radius: .5rem;
    align-self: center;
    margin: .5rem; 
}

.player_temporizador {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.secao-player .player_descricao img {
    grid-area: 1 / 1 / 3 / 2;
    align-self: center;
}

.secao-player .player_descricao h3 {
    grid-area: 1 / 2 / 2 / 3 ;
    align-self: flex-end;
    margin-bottom: .5em;
    margin-left: .5em;
}

.secao-player .player_descricao span {
    grid-area: 2 / 2 / 3 / 3 ;
    margin-top: .5em;
    margin-left: .5em;
}

.player_temporizador-cronometro, .player_temporizador-botoes {
    display: flex;
}
.player_temporizador-botoes button {
    padding: .4rem;
}

.player_temporizador-cronometro_tempo {
    width: 28.25rem;
    height: .25rem;
    background-color: white;
    border-radius: .5rem;
    align-self: center;
    margin: .5rem;
}

.cabecalho {
    grid-area: header;
}

.menu-lateral{
    grid-area: aside;
}

.principal {
    grid-area: main;
}