[data-theme="light"]{
  .bandcamp-dark{
    display: none;
  }
}

[data-theme="dark"]{
  .bandcamp-light{
    display: none;
  }
}

body{
  margin: 0;
}

main{
  display: flex;
  flex-direction: column;
}

article{
  height: 100vh;
  padding: 0 8%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5em;
  overflow: hidden;

  > div{
    padding: 0 2em;
    max-width: 675px;
    max-height: 725px;
    overflow-y: auto;
  }
}

.moodboard{
  max-width: 800px;
  display: block;
  width: 100%;
  filter: var(--c-outline);
}

h1{margin: 0;}
h2{margin: 0.5em 0;}

.subheader{
  display: flex;
  align-items: center;
  gap: 1em;

  div{
    border-top: 1px dotted var(--c-text);
    opacity: 0.35;
  }

  div:nth-of-type(1){flex: 1;}
  div:nth-of-type(2){width: 5%;}
}

.bandcamp-light, .bandcamp-dark{
  display: grid;
  width: fit-content;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75em;
  margin-top: 0.35em;
  
  iframe{
    border: none;
    width: 83px;
    height: 42px;
  }
}

@media (max-width: 1500px){
  body{
    margin: 0 3%;
  }

  .moodboard{
    display: none;
  }
}