@font-face{font-family:OrganettoBoldUltraCnd;font-style:normal;font-stretch:normal;src:url(../fonts/OrganettoBoldUltraCnd/normal_normal.woff) format("woff"),url(../fonts/OrganettoBoldUltraCnd/normal_normal.woff2) format("woff2")}@font-face{font-family:OrganettoBoldExt;font-style:normal;font-stretch:expanded;src:url(../fonts/OrganettoBoldExt/normal_expanded.woff) format("woff"),url(../fonts/OrganettoBoldExt/normal_expanded.woff2) format("woff2")}@font-face{font-family:OrganettoRegularUltraCnd;font-style:normal;font-stretch:normal;src:url(../fonts/OrganettoRegularUltraCnd/normal_normal.woff) format("woff"),url(../fonts/OrganettoRegularUltraCnd/normal_normal.woff2) format("woff2")}html{font-size:62.5%;background-color:#000}body{margin:0;padding:0;background-color:#000}h1{font-family:OrganettoBoldUltraCnd;font-style:normal;font-stretch:normal;font-weight:400;font-size:2vw;line-height:2vw;color:#fff}@media (max-width:1100px){h1{font-size:4vw;line-height:4vw}}h2{font-family:OrganettoBoldUltraCnd;font-style:normal;font-stretch:normal;font-weight:400;font-size:1.2vw;line-height:1.2vw}@media (max-width:1100px){h2{font-size:1.2rem;line-height:1.3rem}}p{font-size:1rem;line-height:1.4rem}#wrapper{background-color:#000;margin:0;padding:0;background-image:url(../images/backgroundDesktop.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;min-height:100%;position:absolute;top:0;left:0;width:100%;padding:5rem;box-sizing:border-box}@media (max-width:700px){#wrapper{padding:2.5rem}}header{display:flex;justify-content:space-between;height:5rem}header img{height:100%}@media (max-width:700px){header{height:4rem}}main{display:flex;align-items:center;min-height:calc(100vh - 17rem);width:100%}main .albums{flex:4;display:block;position:relative;margin:10rem 0}main .albums .cover{flex:1;position:relative;z-index:99;height:30vw;width:31vw;left:0;background-image:url(../images/albums-cover.svg);background-size:cover;background-repeat:no-repeat;background-position:center right;transform:translateZ(1px)}main .albums .cover span{font-size:1.6rem;letter-spacing:.5rem;font-family:OrganettoRegularUltraCnd;font-style:normal;font-stretch:normal;font-weight:400}main .albums .cover span:nth-of-type(1){position:absolute;top:0;left:17vw;transform:rotate(90deg);transform-origin:0 0;width:94%;text-align:right}main .albums .cover span:nth-of-type(2){position:absolute;top:2rem;right:2rem}main .albums .cover span:nth-of-type(2)::before{content:"AML";position:absolute;left:-5rem}main .albums .cover span:nth-of-type(2)::after{content:"";display:block;width:95%;background-color:#000;height:2px;margin-top:2rem}main .albums .cover .mcps{position:absolute;bottom:0;right:2vw;text-align:right}main .albums .cover .mcps svg{width:30px;height:30px;display:block;margin-bottom:5px;margin-left:auto}main .albums .cover .mcps p{font-family:OrganettoRegularUltraCnd;font-style:normal;font-stretch:normal;font-weight:400;line-height:1.2rem}main .albums .album{position:absolute;display:block;top:0;left:16vw;height:100%;width:15vw;transform:translateZ(1px);cursor:pointer;opacity:0}main .albums .album.lock{pointer-events:none}main .albums .album img{display:block;position:absolute;height:100%;right:0;bottom:0}main .albums .album .tab{background-color:#fff;display:block;position:absolute;top:2rem;left:4vw;padding:2rem;width:8vw;border-radius:0 0 5rem 0;box-sizing:border-box}main .albums .album span{font-family:OrganettoRegularUltraCnd;font-style:normal;font-stretch:normal;font-weight:400;color:#000;font-size:1.7rem;letter-spacing:1rem}main .albums .album span::before{content:"";width:100%;height:1.4rem;display:inline-block;background-image:url(../images/logoReduced.svg);background-size:contain;background-repeat:no-repeat;background-position:left center;margin-right:1.5rem}main .albums .album h2{margin-bottom:1rem}main .albums .album h2::before{content:"";display:block;width:100%;height:6rem;background-image:url(../images/iconGrey.svg);background-size:contain;background-repeat:no-repeat;background-position:left center;margin-bottom:2rem}main .albums .album:nth-of-type(2){z-index:15;margin-left:2vw}main .albums .album:nth-of-type(3){z-index:14;margin-left:4vw}main .albums .album:nth-of-type(4){z-index:13;margin-left:6vw}main .albums .album:nth-of-type(5){z-index:12;margin-left:8vw}main .albums .album:nth-of-type(6){z-index:11;margin-left:10vw}main .albums .album:nth-of-type(7){z-index:10;margin-left:12vw}main .albums .album:nth-of-type(8){z-index:9;margin-left:14vw}main .albums .album:nth-of-type(9){z-index:8;margin-left:16vw}main .albums .album:nth-of-type(10){z-index:7;margin-left:18vw}main .albums .album:nth-of-type(11){z-index:6;margin-left:20vw}main .albums .album:nth-of-type(12){z-index:5;margin-left:22vw}main .albums .album:nth-of-type(13){z-index:4;margin-left:24vw}main .albums .album:nth-of-type(14){z-index:3;margin-left:26vw}main .albums .album:nth-of-type(15){z-index:2;margin-left:28vw}main .albums .album:nth-of-type(16){z-index:1;margin-left:30vw}main .albums .album:nth-of-type(17){z-index:0;margin-left:32vw}main .player{flex:1;margin-left:5rem;position:relative}main .player .top{position:relative;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem}main .player .top h1{margin:0}main .player .top img{width:50px}main .player .covers{display:block;position:relative}main .player .covers img{width:100%;position:absolute;top:0;left:0;display:block;opacity:0}main .player .covers img:nth-of-type(1){position:relative}main .player .bottom{display:flex;flex-wrap:wrap;justify-content:space-between}main .player .bottom .back,main .player .bottom .forward{width:3rem;height:3rem;background-image:url(/assets/images/leftBtn.svg);background-size:contain;background-repeat:no-repeat;background-position:center center;margin-top:5rem;cursor:pointer;transition:opacity .4s;margin-right:30%;opacity:0}main .player .bottom .back:hover,main .player .bottom .forward:hover{opacity:.5}main .player .bottom .forward{background-image:url(/assets/images/rightBtn.svg);margin-right:0;margin-left:30%}main .player .bottom .controls{flex:1;margin-top:5rem;position:relative;width:3rem;height:3rem;opacity:0}main .player .bottom .controls .pause,main .player .bottom .controls .play{position:absolute;width:100%;height:100%;text-align:center;opacity:0;visibility:hidden;background-size:contain;background-repeat:no-repeat;background-position:center center;cursor:pointer}main .player .bottom .controls .play{background-image:url(/assets/images/play.svg)}main .player .bottom .controls .pause{background-image:url(/assets/images/pause.svg)}main .player .bottom .btn{margin-top:5rem;font-family:OrganettoBoldExt;font-style:normal;font-stretch:expanded;font-weight:400;color:#fff;text-align:center;text-decoration:none;font-size:.8vw;letter-spacing:.2vw;position:relative;margin-left:auto;margin-right:auto}main .player .bottom .btn::after{content:"";width:100%;height:2px;background-color:#fff;position:relative;display:block;margin-top:1rem;transition:transform .4s}main .player .bottom .btn:hover::after{transform:translateY(-.8rem)}@media (max-width:1200px){main .albums .cover span{font-size:1.2rem;letter-spacing:.3rem}main .albums .cover span:nth-of-type(2)::after{margin-top:1rem}main .albums .cover .mcps{right:1.5vw;max-width:80px}main .albums .album .tab{padding:1rem;border-radius:0 0 2rem 0;width:8vw;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}main .albums .album span{font-size:1.3rem}main .albums .album span::before{height:1rem;width:60%}main .albums .album h2::before{content:"";width:90%;height:4rem;margin-bottom:1rem}main .player .bottom .back,main .player .bottom .controls,main .player .bottom .forward{width:2rem;height:2rem;margin-top:2rem}main .player .bottom .btn{margin-top:2rem}}@media (max-width:1100px){main{flex-wrap:wrap}main .albums{min-width:100%;margin-bottom:0}main .albums .cover{width:47vw;height:45vw}main .albums .cover span:nth-of-type(1){left:25.5vw}main .albums .cover .mcps{right:2vw}main .albums .album:nth-of-type(2){margin-left:18vw}main .albums .album:nth-of-type(3){margin-left:20vw}main .albums .album:nth-of-type(4){margin-left:23vw}main .albums .album:nth-of-type(5){margin-left:25vw}main .albums .album:nth-of-type(6){margin-left:27vw}main .albums .album:nth-of-type(7){margin-left:29vw}main .albums .album:nth-of-type(8){margin-left:31vw}main .albums .album:nth-of-type(9){margin-left:33vw}main .albums .album:nth-of-type(10){margin-left:35vw}main .albums .album:nth-of-type(11){margin-left:37vw}main .albums .album:nth-of-type(12){margin-left:39vw}main .albums .album:nth-of-type(13){margin-left:41vw}main .albums .album:nth-of-type(14){margin-left:43vw}main .albums .album:nth-of-type(15){margin-left:45vw}main .albums .album:nth-of-type(16){margin-left:47vw}main .albums .album:nth-of-type(17){margin-left:49vw}main .player{padding-right:70%;position:relative;margin:5rem 0 10rem 0}main .player .top{position:absolute;left:50%;width:50%}main .player .bottom{position:absolute;left:50%;width:50%;bottom:0}main .player .bottom .btn{margin-top:7vw;font-size:1rem}}@media (max-width:700px){main{width:calc(100% + 2.5rem)}main .albums{overflow:scroll;width:calc(100% + 5rem);margin-left:-2.5rem;margin-top:5rem}main .albums .cover{width:80vw;height:78vw}main .albums .cover span:nth-of-type(1){left:43vw;width:97%}main .albums .cover .mcps{right:4vw}main .albums .album{width:60vw}main .albums .album .tab{width:20vw;left:29vw;min-height:40vw;top:2vw}main .albums .album:nth-of-type(2){margin-left:37vw}main .albums .album:nth-of-type(3){margin-left:70vw}main .albums .album:nth-of-type(4){margin-left:103vw}main .albums .album:nth-of-type(5){margin-left:136vw}main .albums .album:nth-of-type(6){margin-left:169vw}main .albums .album:nth-of-type(7){margin-left:202vw}main .albums .album:nth-of-type(8){margin-left:235vw}main .albums .album:nth-of-type(9){margin-left:268vw}main .albums .album:nth-of-type(10){margin-left:301vw}main .albums .album:nth-of-type(11){margin-left:334vw}main .albums .album:nth-of-type(12){margin-left:367vw}main .albums .album:nth-of-type(13){margin-left:400vw}main .albums .album:nth-of-type(14){margin-left:433vw}main .albums .album:nth-of-type(15){margin-left:466vw}main .albums .album:nth-of-type(16){margin-left:499vw}main .albums .album:nth-of-type(17){margin-left:532vw}main .player{margin-right:2.5rem;padding-right:0;margin-top:4rem;margin-bottom:4rem}main .player .top{position:absolute;left:50%;width:50%}main .player .covers{width:calc(50vw - 5rem)}main .player .bottom{position:absolute;left:50%;width:50%;bottom:0}main .player .bottom .back,main .player .bottom .controls,main .player .bottom .forward{margin-top:0}main .player .bottom .btn{margin-top:calc(22vw - 5.5rem);font-size:.9rem}}footer{display:flex;justify-content:space-between;align-items:flex-end;font-family:OrganettoBoldExt;font-style:normal;font-stretch:expanded;font-weight:400;color:#fff;min-height:2rem}footer p{margin:0}footer a:link{color:#fff;text-decoration:none;transition:color .3s}footer a:visited{color:#fff;text-decoration:none}footer a:hover{color:rgba(255,255,255,.5);text-decoration:none}footer a:active{color:rgba(255,255,255,.5);text-decoration:none}@media (max-width:1100px){footer{flex-wrap:wrap;min-height:1rem}footer p{margin:1rem;min-width:50%}}