.Home{
    max-width: 100vw;
    max-height: 100vh;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(10, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px; 
}
.home-sidebar{
    grid-area: 1 / 1 / 11 / 2;
    width: 420px;
    height: 100vh;
    background-color: black;
}
.home-nav{
    grid-area: 1 / 2 / 2 / 6;
    background-color: black;
    width: 100%;
    height: 100%;
}
.home-main{
    grid-area: 2/ 2 / 10 / 6;
    background-color: black;
    overflow: auto;
    width: 100%;
    height: 100%;
}
.home-musicPlayer{
    grid-area: 10 / 1 / 11 / 6;
    width: 100%;
    height: 100%;
    background-color: black;
}
/*===== Responsive =====*/
@media screen and (max-width: 1200px){
    .home-sidebar{
        width: 350px;
    }
}
@media screen and (max-width: 1000px){
    .home-sidebar{
        width: 350px;
    }
}
@media screen and (max-width: 850px){
    .home-sidebar{
        width: 300px;
    }
}