.info {
    width: 30%;
    height: 100%;
}

#nowplaying {
    height: 100%;
}

#textinfo {
    height: 6;
}

#coverart {
    width: 100%;
    height: 100%;
}

#albumContainer {
    height: 100%;
}

#artistContainer {
    height: 100%;
}

.headerb {
    width: 20%;
    height: 1;
    background: #2c2e30;
    text-align: center;
}

#headerbs {
    height: 1;
}

.artistPanel {
    width: 20%;
    height: 100%;
    padding: 0 1;
}

.artistArt {
    height: 1fr;
    content-align: center middle;
}

.artistName {
    width: 100%;
    text-align: center;
}

.artistInfo {
    width: 1fr;
    height: 1.25fr;
}

.artistInfoArt {
    width: 1fr;
    height: 100%;
    content-align: center middle;
}

.artistInfoTextbox {
    width: 4fr;
}

.albumPanel {
    width: 1fr;
    height: 1fr;
    padding: 0 1;
}

.albumArt {
    height: 1fr;
    content-align: center middle;
}

.albumName {
    text-wrap: wrap;
    text-align: center;
    width: 100%;
}

.artistNameHeader {
    width: 100%;
    text-align: center;
}