.music-container{width:100%;padding:10px 20px 20px;color:#292929;&.dark{background:transparent;height:100%;color:#e5e5e5;.album-container{border-top:1px solid #a0a0a0;.album-story{.song-link{color:#d0bca5;&:hover{color:#e5e5e5}}.song-name{color:#d0bca5}}}.tab__link{&.selected,&:hover{color:#fff;border-bottom:1px solid #ffffff}}}.label{.header{font-size:25px}}.album-container{padding:10px 0;border-top:1px solid #121212;width:100%;.album-story{max-width:calc(100% - 635px);text-align:justify;white-space:pre-wrap;overflow-y:auto;max-height:465px;&:first-letter{font-size:200%;margin-right:2px}.song-link{float:initial;cursor:pointer;color:#bf6d49;&:first-child{margin-top:10px}&:hover{color:#844a31}}.song-name{float:initial;&:first-child{margin-top:10px}}}.sounds{float:right;display:flex;.spotify{padding-right:20px}iframe{filter:grayscale(17%) brightness(78%) saturate(80%);transition:all .3s linear;&:hover{filter:none;-webkit-filter:none}}@media (max-width: 920px){float:none;margin:auto;justify-content:center}}svg{position:absolute;top:0;left:0;opacity:0;z-index:-1;width:100%;height:100%;*{fill:none;stroke:currentColor;color:#252c3a}&.opacity{opacity:1;transition:opacity 1s ease-in}}}.particle-canvas{position:absolute!important;width:100%!important;height:100%!important;z-index:-1!important;background-color:#1c1c1c!important;left:0!important;top:0!important}}.get__full{width:100%}.tab__link{cursor:pointer;color:#a0a0a0;padding:5px;transition:all .3s linear;&.selected,&:hover{color:#2a2a2a;border-bottom:1px solid #2a2a2a}}@media screen and (max-width: 448px){.music-container{font-size:15px;overflow:auto;height:100%;.get__full{.tab__link{padding:4px 2px 3px;font-size:13px;transition:none;&.selected{padding:3px 2px;font-size:15px}}}.album-container{.album-story{max-width:inherit;overflow:inherit;max-height:inherit;margin-bottom:10px}.sounds{float:inherit;display:block;.spotify{margin-bottom:10px}}}}}.story{white-space:pre-line}.MuiPaper-root{background:#2b2b2b!important;border:4px solid #b1b1b1;border-left-width:0;border-right-width:0;border-radius:0;.MuiDialogContent-root{color:#e2e2e2;background:#2b2b2b}.MuiTypography-root{border-bottom:1px solid #e2e2e2;margin-bottom:5px;color:#d0bca5}.story{text-align:justify}.instruments{float:initial;h4{margin-bottom:0}.instrument{float:initial}}}.MuiDialog-container{float:unset}.content.works{background:#2e2e2e;box-shadow:inherit;transition:background .3s linear;height:65%;top:20%;padding:0;.close{background:#dedede}.close{display:none}&.work-selected{background:#e5e5e5;box-shadow:0 2px 10px #525252;visibility:visible;opacity:1;z-index:1;padding:0;width:65%;left:17.5%;.close{display:block}@media (max-width: 1367px){width:90%;left:5%;height:80%;top:10%}}.work-selections{display:flex;align-items:center;justify-content:center;width:100%;height:100%;.work-text{flex:1;text-align:center;background:transparent;color:#e5e5e5;padding:10px;cursor:pointer;transition:all .2s linear;height:100%;align-content:center;&:hover{background:#e5e5e508}}}}