body{font-family:Roboto,sans-serif;background-color:#292929;margin:0;padding:0}.heroWrapper{width:100vw;position:relative}.heroImage{width:100%;display:block}.heroSocialMedia img{width:40px;height:40px;transition:transform .3s}.heroSocialMedia img:hover{cursor:pointer;transform:scale(1.4)}#facebookIcon:hover{filter:brightness(0) invert(27%) sepia(96%) saturate(3079%) hue-rotate(183deg) brightness(91%) contrast(107%)}#instagramIcon:hover{filter:brightness(0) invert(46%) sepia(100%) saturate(4473%) hue-rotate(329deg) brightness(95%) contrast(101%)}#youtubeIcon:hover{filter:brightness(0) invert(12%) sepia(100%) saturate(7495%) hue-rotate(355deg) brightness(101%) contrast(106%)}#spotifyIcon:hover{filter:brightness(0) invert(51%) sepia(94%) saturate(7497%) hue-rotate(86deg) brightness(95%) contrast(103%)}@media screen and (min-width: 960px){.heroSocialMedia{position:fixed;bottom:0;right:0;display:flex;gap:10px;margin-right:20px;margin-bottom:10px}.heroSocialMedia.scrolled{position:absolute;bottom:0;right:0;gap:10px}}@media screen and (min-width: 768px) and (max-width: 959px){.heroSocialMedia{bottom:2%;right:5%}.heroSocialMedia{position:absolute;bottom:0;right:0;gap:10px}.heroSocialMedia img{padding-left:.25em;margin-right:.5em}}@media screen and (max-width: 767px){.heroSocialMedia{bottom:2%;right:1%}.heroSocialMedia img{width:30px;height:30px;padding-left:.25em;margin-right:.5em}.heroSocialMedia{position:absolute;bottom:0;right:0;gap:10px}}@keyframes gradientMove{0%{background-position:0% 50%}to{background-position:200% 50%}}.dividerLine{background:linear-gradient(to right,green,#ff0,red,orange,green);background-size:200% 100%;animation:gradientMove 10s linear infinite}.tourDatesWrapper{text-align:center;margin-top:5%}.tourDatesWrapper h1{color:#0ff;font-size:4em}.tourDatesContainer{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-content:center;gap:20px}.tourCard{padding:20px;border-radius:8px;width:80%;max-width:600px;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;background-color:#333;color:#fff}.tourCard:hover{background-color:#4d4d4d;color:#0ff}.tourDate{font-size:16px;font-weight:700;color:#fff;flex:1;text-align:left}.tourLocation{font-size:16px;font-weight:700;color:#fff;flex:2;text-align:center}.tourTicketsButton{flex:0 0 auto;text-align:right;color:#000;background-color:#fff;padding:8px 15px;border:2px solid;border-image:linear-gradient(to right,green,#ff0,red,orange,green) 1;border-radius:4px;text-decoration:none;text-align:center;font-size:16px;font-weight:700;transition:background-color .3s;width:100px}.tourTicketsButton:hover{background-color:#e4ffc8}.tourDatesDividerLine{height:2px;width:85%;max-width:640px;background:linear-gradient(to right,green,#ff0,red,orange,green);margin:20px 0;justify-self:center;align-self:center}.albumContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;margin-top:5%}.albumCover{display:flex;align-items:center;justify-content:center;margin-bottom:1em}.albumCover img{max-width:100%;height:auto;border-radius:10px}.albumLinks{display:flex;flex-direction:column;align-items:center;justify-content:center}.albumLinks h1{color:#0ff;font-size:3em;font-weight:700}.albumLinks a{display:flex;align-items:center;justify-content:center;width:200px;height:50px;padding:10px;margin:10px 0;background-color:#fff;border:4px solid;border-image:linear-gradient(to right,green,#ff0,red,orange,green) 1;border-radius:2px;text-decoration:none;color:#000;font-weight:700;transition:.3s}#newAlbumSpotify:hover{background-color:#1db954;transform:scale(1.1)}#newAlbumYoutube:hover{background-color:red;transform:scale(1.1)}#newAlbumItunes:hover{background-color:#76edff;transform:scale(1.1)}.albumLinks img{max-width:20px;margin-right:10px}@media screen and (min-width: 960px){.albumContainer{flex-direction:row;align-items:center;justify-content:center}.albumCover{max-width:40%;display:flex}.albumLinks{padding-left:2em;flex-direction:column;align-items:center;margin-top:0}}.videoContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-top:5%}.videoWrapper{width:100%;max-width:800px;margin-bottom:20px}.videoWrapper iframe{width:100%}.videoText{font-size:2em;color:#0ff}@media screen and (max-width: 767px){.videoText{font-size:1.5em}}.footerDividerLine{margin-top:3%}.footerWrapper p{color:#fff;text-align:center}.footerWrapper a{color:inherit;text-decoration:none}
