/* MARK: fonts */
@font-face {
  font-family: 'Seraphs';
  src: url('../type/SeraphsVF.woff2') format('woff2'), /* Modern Browsers */
}

/* MARK: items */
body{
  font-family: 'Seraphs';
  
}

h1 {
  font-weight: 100;
  text-align: center;
}

.lyrics {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 80px;
}

.line-1 {
  grid-column: 1 / 3;
}

.line-2 {
  grid-column: 1;
}

.line-4 {
  grid-column: 1;
  grid-row: 3;
}

.for-the {
  font-size: 150px;
}

.moment {
  display: block;
  font-size: 150px;
}


.line-6 {
  grid-column: 1;
  grid-row: 3;
  margin-top: 250px;
}

.line-1, .line-2, .line-3 {
  font-size: 100px;
  line-height: 1;
  margin: 0;
}

.normal {
  font-weight: 150;

}

.allong {
  margin-left: 100px;
}

.stretch-e {
  display: inline-block;
  transform: scaleX(5) translateX(-4px);
  transform-origin: left;
}

.stretch-g {
  display: inline-block;
  transform: scaleX(2) translateX(-1px);
  transform-origin: left;
}

.oh {
  font-size: 200px;
}

.for-the {
  font-size: 40px;
}

p {
  font-size: 75px;
}

.moment {
  font-size: 40px;
}

.sound {
  font-size: 100px;
}