@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Arimo&family=Quicksand:wght@400;500&family=Work+Sans:wght@300;400&display=swap";body{background-image:url(/media/Time%20to%20Forget%20Cropped.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;max-width:100vw;margin:0;padding:0;overflow-x:hidden}#app-shell{flex-direction:column;min-height:100vh;display:flex}#app-content{flex-direction:column;flex:1;display:flex}a{text-decoration:none}a:visited{color:#000;text-decoration:none}header{z-index:1000;background-color:#231917;flex-grow:0;grid-template-columns:1fr 5fr 1fr;display:grid;position:sticky;top:0}footer{background-color:#231917;flex-shrink:0}nav ul{text-align:center;padding:0;list-style:none}nav li{font-size:20px;display:inline-block}#nav-link,#contact-info{color:#d5deea;margin:0 40px;font-family:Work Sans}#nav-link:hover{color:#fff}#gus-id{grid-template-columns:1fr 1fr;width:100px;height:56px;margin-left:auto;display:grid}#gus-id:hover{cursor:default}#header-spacer{visibility:hidden;width:100px;height:56px;margin-right:auto}h4{color:#d5deea;grid-area:1/2/span 1/span 1;margin:auto auto auto 10px;font-family:Work Sans;font-size:20px;font-weight:300;display:inline-block}#gus-id img{border:2px solid gray;border-radius:25px;grid-area:1/1/span 1/span 1;width:50px;height:auto;display:inline-block}#home-body{flex-direction:column;max-width:100vw;height:100vh;margin:0;display:flex;overflow-x:hidden}#home-body .home-grid{flex-grow:1;grid-template-rows:1fr 1fr;width:100%;display:grid}.home-grid .row{background-blend-mode:saturation;background-image:url(/media/bassneck.png);background-position:50%;background-repeat:no-repeat;background-size:contain;flex:1;grid-template-columns:1fr 1fr;justify-content:center;align-items:center;width:100%;padding:20px 0;display:grid}.home-grid .desc{color:#d5deea;text-align:center;border-radius:100px;justify-self:center;justify-items:center;width:300px;height:220px;margin:auto;font-family:Work Sans}.desc h1{color:#fff;letter-spacing:10px;text-shadow:1px 1px 20px #160f0e,-1px 1px 20px #160f0e,1px -1px 20px #160f0e,-1px -1px 20px #160f0e;margin-top:0;margin-bottom:10px;font-family:Montserrat;font-size:120px;font-weight:300;line-height:1}.desc h2{color:#fff;text-shadow:2px 2px 4px #140e0d,-2px 2px 4px #140e0d,2px -2px 4px #140e0d,-2px -2px 4px #140e0d;margin-top:20px;margin-bottom:0;font-weight:300}.desc:hover{cursor:default}#portrait{border:3px solid #d5deea;border-radius:50%;width:200px;height:auto;margin:10px auto;box-shadow:1px 1px 20px #160f0e}#cassete{justify-self:center;align-items:center}.links{flex-direction:column;align-items:center;gap:6px;width:100%;max-width:300px;margin:20px auto;display:flex}@media screen and (width>=768px){.links{grid-template-columns:1fr 1fr;align-content:center;align-self:center;justify-items:center;gap:32px;max-width:500px;display:grid}.links .listen-button{margin:0}}.listen-button.instagram{background-color:#e1306c}.album{grid-template-columns:1fr 1fr;width:80%;margin:50px auto;display:grid}.album-title{color:#231917;place-self:center;font-family:Work Sans;font-size:20px;font-weight:400}.album-title:hover{color:#251a18;text-decoration:underline;text-decoration-thickness:2px}.album-art{z-index:1;place-self:center;width:500px;height:500px;box-shadow:0 8px 10px #0003,0 6px 20px #00000030}.album-art img{max-width:100%;height:auto}.album-info{z-index:2;opacity:0;background-color:#222;grid-template-rows:1fr 5fr;grid-template-columns:1fr;place-self:center;width:500px;height:500px;font-family:Arial Black;transition:all .3s;display:grid}.album-info:hover{cursor:pointer}.album-info h3{color:#fff;text-align:center;grid-area:auto;padding-top:15px}.album-info .tracklist{color:#fff;opacity:1;grid-area:auto;height:auto;margin:auto;padding:0 0 40px;list-style:none;display:table}.tracklist p{vertical-align:middle;text-align:center;line-height:200%;display:table-cell}#collage{grid-template:1fr 1fr 1fr 1fr;align-items:stretch;width:500px;height:500px;display:grid}#collage img{object-fit:contain;filter:brightness(90%);width:250px;height:250px}#collage #boss-man{grid-area:1/1/span 1/span 1}#collage #thinking-ahead{grid-area:1/2/span 1/span 1}#collage #time-to-forget{grid-area:2/1/span 1/span 1}#collage #leave-alone{grid-area:2/2/span 1/span 1}.left .album-art,.left .album-info{grid-area:1/1/span 1/span 1}.left .album-title{grid-area:1/2/span 1/span 1;padding-left:10px;padding-right:20%}.right .album-art,.right .album-info{grid-area:1/2/span 1/span 1}.right .album-title{grid-area:1/1/span 1/span 1;padding-left:20%;padding-right:10px}.album-with-lyrics{margin-top:20px;margin-bottom:20px}.title-links-and-art{grid-template-columns:1fr 4fr;width:475px;margin:auto;font-family:Work Sans;display:grid}.title-links-and-art h2{place-self:center right;margin-right:50px}.title-links-and-art img{justify-self:left;width:auto;height:100px;box-shadow:1px 1px 15px #231917}.centered-art{grid-template-columns:1fr}.centered-art img{justify-self:center;height:200px}.songs-and-times:hover{cursor:pointer;background-color:#382d2a}.audio-player{background-color:#373737;width:475px;height:30px;margin:auto}.songs-and-times p{color:#d5deea;margin-top:auto;margin-bottom:auto;font-family:Arimo}.song-title{margin-left:10px}.song-length{justify-self:right;margin-right:10px}.songs-and-times{opacity:.9;background-color:#231917;grid-template-columns:5fr 1fr;width:475px;height:30px;margin:auto;display:grid}div.unreleased{background-color:#0d0a0a}span.unreleased,.unreleased p{color:#454545}.player-and-lyrics{max-height:0;transition:max-height .2s ease-in-out;overflow:hidden}.lyrics{color:#d5deea;opacity:.9;background-color:#231917;width:475px;margin:auto;font-family:Arimo;line-height:1.5}.lyrics p{opacity:1;margin:0 0 0 10px;padding-bottom:10px}.album-links{grid-template-rows:1fr;grid-template-columns:1fr 1fr 1fr 1fr;width:475px;margin:auto;display:grid}.albumlink{background-color:#fff;border:2px solid #231917;border-radius:5px;justify-self:center;width:60px;height:60px;margin:15px;position:relative;box-shadow:1px 1px 10px #382724,-1px 1px 10px #382724,1px -1px 10px #382724,-1px -1px 10px #382724}.albumlink:hover{cursor:pointer;background-color:#d3dae4}.albumlink img{object-fit:cover;width:50px;max-width:100%;height:50px;max-height:100%;margin:auto;position:absolute;inset:0}#mpm-body{background-image:url(/media/MPMWhiteLyrics.png);background-position:50%;background-repeat:no-repeat;background-size:contain;background-attachment:fixed;margin:0;padding:0}#news-body{background-image:url(/media/NEWShighres.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0;padding:0}#singles-body{background-image:url(/media/Time%20to%20Forget%20Cropped.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0;padding:0}#about-body{flex-direction:column;flex:1;height:100%;margin:0;padding:0;display:flex;position:relative;overflow:hidden}#about-body>.carousel{z-index:0;position:absolute;inset:0}#about-body>.about-info{z-index:1;pointer-events:none;position:relative}#about-body>footer{z-index:1;position:relative}.about-info{text-align:center;flex-grow:1;display:flex}.about-info p{color:#d5deea;text-shadow:2px 2px 4px #140e0d,-2px 2px 4px #140e0d,2px -2px 4px #140e0d,-2px -2px 4px #140e0d;width:30%;margin:auto;padding:20px;font-family:Work Sans;line-height:1.5}@media screen and (width<=800px){nav li{display:block}#gus-id,#header-spacer{display:none}nav{grid-area:1/2/span 1/span 1}.album-art,#collage,.album-info{place-self:center;width:300px;height:300px}#collage img{width:150px;height:150px}.album-info h3{font-size:15px}.album-info p{font-size:12px}.album{grid-template-rows:1fr 4fr;grid-template-columns:1fr;width:100%;display:grid}.left .album-art,.left .album-info{grid-area:2/1/span 1/span 1}.left .album-title{text-align:center;grid-area:1/1/span 1/span 1;padding-right:0}.right .album-art,.right .album-info{grid-area:2/1/span 1/span 1}.right .album-title{text-align:center;grid-area:1/1/span 1/span 1;padding-left:0}.about-info p{width:80%}}@media screen and (width<=600px){#home-body .home-grid{background-blend-mode:saturation;background-image:url(/media/bassneckvert.png);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-grow:1;grid-template-rows:3fr 2fr;display:grid}.links{margin:10px auto}.home-grid .row{background:0 0;grid-template-rows:3fr 4fr;grid-template-columns:1fr;display:grid}.home-grid .desc{color:#d5deea;text-align:center;grid-area:1/1/span 1/span 1;justify-self:center;justify-items:center;width:300px;height:220px;margin:auto;font-family:Work Sans}.title-links-and-art,.audio-player,.lyrics,.songs-and-times{width:300px}.album-links{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:300px}.lyrics{font-size:15px}#portrait{border:3px solid #d5deea;border-radius:140px;width:280px;height:auto;margin:auto;box-shadow:1px 1px 20px #160f0e,-1px 1px 20px #160f0e,1px -1px 20px #160f0e,-1px -1px 20px #160f0e}}@media screen and (width>=2200px){.home-grid .row{background-image:url(/media/bassnecklong.png)}}.listen-button-container{flex-direction:column;align-items:center;gap:15px;margin-top:30px;margin-bottom:30px;display:flex}.listen-button{color:#fff;background-color:#333;border-radius:5px;justify-content:center;align-items:center;width:250px;margin:10px;padding:15px 30px;font-family:Montserrat;font-size:16px;font-weight:700;text-decoration:none;transition:transform .2s,background-color .2s;display:flex;box-shadow:0 4px 15px #0000004d}.listen-button:hover{color:#fff;transform:scale(1.05)}.listen-button img{object-fit:contain;width:25px;height:25px;margin-right:10px}.listen-button.spotify{background-color:#1db954}.listen-button.apple-music{background-color:#fa57c1}.listen-button.youtube{background-color:red}.listen-button.pandora{background-color:#004d40}.albumlink img.large-icon{width:90px;height:90px}.albumlink img.small-icon{width:40px;height:40px}.carousel{-webkit-overflow-scrolling:touch;scrollbar-width:none;height:100%;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.carousel-picture{object-fit:cover;flex-shrink:0;width:100%;height:100%;display:block}.carousel-picture[data-orientation=portrait]{width:auto}