.backLayer {
    position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0;
    z-index: 2;

    background-color: rgba(0, 0, 0, 0.8);
}

.infos {
    position: fixed;
    display: flex; flex-direction: column;
    align-items: center;
    width: 100%; height: fit-content; gap: 5px;

    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8), transparent);
}

.contacts {
    display: flex; flex-wrap: wrap;
    align-items: center; justify-content: center;
    width: 300px; max-width: 300px; height: fit-content; gap: 10px;
}

.moreLinks {
    display: flex; flex-wrap: wrap;
    align-items: center; justify-content: center;
    width: 400px; max-width: 400px; height: fit-content; gap: 10px;
}

.musicBox {
    display: flex;
    align-items: center;
    width: fit-content; height: fit-content; gap: 10px;
}

.infosAndBtn {
    display: flex; flex-direction: column;
    width: 300px; height: fit-content; gap: 5px;
}

.btnMusicBox {
    display: flex;
    align-items: center; justify-content: center;
    width: fit-content; height: 30px; gap: 5px;
}

.bottomMusicBox {
    width: 0px; height: 5px;
}

.box {
    width: 400px; height: 150px;
    margin: 210px 0px 0px 0px;
}