.grid-container {
  display: grid;
  grid-template-columns: 144pt 144pt 277pt 36pt;
  font-family: 'Poppins';
  color: white;
}

.grid-container div {
  background: black;
}

div.title { 
  grid-column: 1 / span 3;
  text-shadow: -16px 0px DimGrey;
  font-size: 94.41pt;
  padding-left: 50px; 
  margin-bottom: -40px;
  margin-top: -35px;
}

.styles {
  grid-column: 1 / span 2;
  font-size: 18pt;
  line-height: 15%;
  padding-left: 20px;
  border-left: 10px solid dimgrey;
}

.thin {
  font-weight: 100;
}

.extraLight {
  font-weight: 200;
}

.light {
  font-weight: 300;
}

.regular {
  font-weight: 400;
}

.medium {
  font-weight: 500;
}

.semiBold {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}


.extraBold {
  font-weight: 800;
}

.black {
  font-weight: 900;
}

.Italic {
  font-style: italic;
}

.history {
  font-size: 12pt; 
  line-height: 1.2;
  margin-left: -10px;
  letter-spacing: 0.5px;
}

.small {
  font-size: 7pt;
}

.big {
  margin-left: 25px;
  margin-top: 18px;
  line-height: 120%;
  font-size: 23pt;
  font-kerning: 30px;
}

.break {
  margin-top: -25pt;
}

.line, .lineRECT {
  grid-row: 1 / span 2;
  grid-column: 4;
} 
.line {
  border-left: 10px solid dimgrey;
  margin-top: 30px;
  margin-bottom: 35px;
  z-index: 0; position:relative;
}

.alphabetOne {
  padding-left: 25px;
  padding-top: 10px;
  line-height: 1.17;
}

.alphabetTwo {
  margin-left: -10pt;
  padding-top: 10px;
  line-height: 1.17;
}

.BIGalphabet {
  margin-left: -35pt;
  padding-top: 10px;
  line-height: 1.17; 
  grid-template-columns: 3;
}

.P {
  font-size: 53.7pt;
  text-shadow: 
    -2px -2px 0 red,
    2px -2px 0 red,
    -2px 2px 0 red,
    2px 2px 0 red; 
  color: black;
  padding-top: 360px;
  padding-right: 20px;
}

.P p {
  transform: rotate(-90deg);
  margin-bottom: 0px;
}

.redshadow {
  z-index: 0; position:relative;
  text-shadow: -16px 0px DimGrey, -20px 0px red;
}

.leftmargin {
  grid-column: 1 / span 2;
  padding-left: 80px;
}