html{scroll-behavior:smooth}body{background-color:#1a191a;max-width:100vw}.sticky{position:sticky;top:0;width:100%;padding:1em;z-index:5;background-color:#1a191a;box-sizing:border-box}#album,#albums,#about,#contact{scroll-margin-top:22vh}@media only screen and (min-width:768px){#album,#albums,#about,#contact{scroll-margin-top:15vh}}main{background-color:transparent;color:#fff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;display:flex;flex-direction:column;width:100%;height:auto;overflow:visible}main #bgVideo{position:fixed;background-size:100%;z-index:-1;opacity:.9}@media only screen and (min-width:1500px){main #bgVideo{position:fixed;background-size:100%;background-position:center;width:100%;z-index:-1;opacity:.9;height:auto}}main iframe{align-self:center;border:0;margin:1em;height:66vh;width:66vw;max-width:95vw}@media only screen and (min-width:768px){main .navBar{height:12vh;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;opacity:.9;justify-items:center}main .navBar a.logo{display:flex;align-items:center;justify-content:center;height:100%;justify-self:start}main .navBar a.logo img{height:100%;width:auto;max-height:10vh}main .navBar nav{display:flex;flex-direction:row;justify-self:end}main .navBar nav>*{border:2%;font-size:1.5rem;font-weight:800;text-decoration:none;padding:.75rem}main .navBar .socialIcons{display:flex;justify-content:space-around;width:33vw;align-items:center;gap:1rem}main .navBar .socialIcons a{display:flex;align-items:center;justify-content:center;max-width:2rem;max-height:2rem}main .navBar .socialIcons a img{width:100%;height:100%;object-fit:contain}main #about{display:inherit;flex-direction:row;justify-content:space-between;padding:3rem}main #about article{width:66%;padding:1rem}main #about .aboutImage{width:33%;aspect-ratio:16/9;border-radius:5%}}main .buttonEffect{cursor:pointer;transition:all .2s ease-in}main .buttonEffect:hover{box-shadow:1px 8px 20px gray;border-radius:15%;background-color:gray}main .buttonEffect img{display:block}main .buttonEffect:hover img{box-shadow:1px 8px 20px gray}main a{color:#fff}main a :hover{color:gray}main .banner_pic{width:100%;height:20vh;opacity:.4;display:flex;flex-direction:column}main .landing{display:flex;flex-direction:column;align-items:center}main .landing .albumCard{display:flex;justify-content:center;opacity:.86;margin:1rem;max-width:65vh}main .landing .albumCard img{border:1px solid rgb(50,50,50);width:100%;height:auto}main .landing .callToAction{font-size:1.75rem;margin-bottom:1rem;width:33vw;text-align:center}main .landing .callToAction h3{margin:1rem}main .landing .callToAction .listenNow{display:flex;width:100%;justify-content:space-between;align-items:center;gap:1rem}main .landing .callToAction .listenNow a{display:flex;align-items:center;justify-content:center;max-width:5vw;height:auto}main .landing .callToAction .listenNow a img{width:100%;height:auto;max-width:5vw}main #contact{display:flex;flex-direction:row;justify-content:center;padding:3rem;position:relative;width:auto}main #contact article{width:33%}main #contact article #contactInfo{display:flex;flex-direction:column;width:100%;font-size:1.5rem;justify-items:center;align-items:center;flex-shrink:2}main #contact article #contactInfo h1{margin:0;font-size:2rem}main #contact article #contactInfo h4{max-width:90%;margin:1rem}main #contact .socialIcons{display:flex;justify-content:space-evenly;width:40vw;align-items:center;gap:1rem}main #contact .socialIcons a{display:flex;align-items:center;justify-content:center;max-width:3rem;max-height:3rem}main #contact .socialIcons a img{width:100%;height:100%;object-fit:contain}.footerPic{width:fit-content;margin-left:1rem;opacity:.6;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}@media only screen and (max-width:768px){main .sticky{position:fixed;width:100%;top:0;padding:0;padding-top:2vh;z-index:5;background-color:#1a191a}main .navBar{height:fit-content;display:flex;flex-direction:column;align-items:center;opacity:.9}main .navBar a.logo{display:flex;justify-content:center;align-items:center;height:9.5vh}main .navBar a.logo img{height:100%;width:auto}main .navBar nav{display:flex;flex-direction:row}main .navBar nav>*{border:2%;font-size:1.5rem;font-weight:800;text-decoration:none;padding:.75rem}main .navBar .socialIcons{display:none;width:100%}main .navBar .socialIcons a{max-width:32px;max-height:32px;margin:2px}main .navBar .socialIcons a img{width:100%;height:100%}main .landing{margin-top:0;width:100%;margin-top:22vh}main .landing .albumCard{max-height:70vh;opacity:.86;margin:1rem}main .landing .albumCard img{width:100%;height:100%;object-fit:cover}main .landing .callToAction{width:95vw;max-height:20vh}main .landing .callToAction h3{margin:2px}main .landing .callToAction .listenNow{display:flex;width:100%;justify-content:space-around;padding-left:5px;padding-right:5px;align-items:center;gap:5px}main .landing .callToAction .listenNow a{display:flex;align-items:center;justify-content:center;max-width:50px;height:auto}main .landing .callToAction .listenNow a img{max-width:50px;height:auto;overflow:visible}main iframe{height:33vh;width:66vw}main #about{display:inherit;flex-direction:column;justify-content:space-between;padding:1rem}main #about article{width:100%}main #about .aboutImage{width:100%;max-height:30vh;border-radius:5%}main #contact{padding:1rem;width:auto;display:block}main #contact article{width:100%}main #contact article #contactInfo{font-size:1.25rem}main #contact article #contactInfo h1{margin:8px}main #contact article #contactInfo h4{margin:1em}main #contact article #contactInfo .socialIcons{display:flex;flex-direction:row;width:100%;margin:2px;align-self:center;gap:5px}main #contact article #contactInfo .socialIcons a{max-width:42px;max-height:42px;margin:5px}main #contact article #contactInfo .socialIcons a img{height:100%;width:100%}}