h1 {
    text-align: center;
    color: white;
}
.container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
}
.music-item {
    display: flex;
    /*align-items: center;*/
    justify-content: space-evenly;
}

@media (orientation: landscape) {
    .music-item img {
        width: 15vw;
        min-width: 350px;
        height: 15vw;
        min-height: 350px;
        margin-right: 20px;
    }
}

@media (orientation: portrait) {
    .music-item {
        flex-direction: column;
        align-items: center;
    }

    .music-item img {
        width: 60vw;
        height: 60vw;
        padding-bottom: 10px;
    }
}

.music-item img {
    border-radius: 0;
}
/*@media (max-aspect-ratio: 1/1) {*/
/*    .music-item img {*/
/*        width: 30vw;*/
/*        height: 30vw;*/
/*    }*/
/*}*/
.music-item h2 {
    font-size: 18px;
    color: white;
    margin: 0;
}
.music-item p {
    font-size: 14px;
    color: #999;
    margin: 0;
}
.button {
    height:fit-content;
    width:fit-content;
    padding:5px;
    border: 2px solid #ffffff;
    margin:20px;
}

.review-block {
    padding-top: 10px;
}
.recommendations {
    padding-top: 20px;
}

table, th, td {
    border-bottom: 2px solid #464646;
    border-collapse: collapse;
}

th, td {
    padding-bottom: 2px;
}

.title {
    display: flex;
    justify-content: space-between;
}

.title p {
    color: gold;
}

.sub-info {
    display: flex;
    justify-content: space-between;
}

.reference {
    text-align: right;
    color: grey;
}

.track-num {
    text-align: left;
    width: 1%;
    padding-right: 10px;
}

.duration {
    text-align: right;
    width:1%;
    padding-left: 10px;
}

.description {
    padding-bottom: 20px;
}

.music-list {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.navigation {
    display: flex;
    gap: 10px;
}

.navigation p {
    margin: 0;
}