@import "project.css";

/* Brief width and bracket height */

.brief {
  width: 37rem;
}

.briefbracket {
  height: 13rem;
}

/* Changes to original */

.bluesection {
  background-color: #272939;
}

h1 {
  color: white;
}

h2 {
  color: white;
}

h3 {
  color: white;
}

/* logo */

#logoprocess {
  width: 20rem;
}

/* Intro */

.ob1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#poster1 {
  width: 30rem;
}

#sm1 {
  width: 25rem;
}

/* Key Visual */

#keyvisual {
  width: 40rem;
}

.card {
  width: 15rem;
}

.ticketbooklet {
  margin-top: 6rem;
}

#bookletcover {
  width: 30rem;
}

#spread {
  width: 40rem;
}

#kit {
  width: 50rem;
}

#poster2 {
  width: 35rem;
}

.streamergrid {
  display: flex;
  column-gap: 2rem;
}

.streamer {
  width: 12rem;
}

.bunting {
  width: 15rem;
}