.big-box {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  color: #f6f3ea;
  font-family: CALIBRI;
  font-weight: normal;
  font-size: 1.5rem;
  padding: 4em;
  background: black;
}
.one{
  font-size: 450px;
  font-weight: bold;
  grid-column-start: span 2;
  color: yellow;
  text-align: center;
  text-shadow: -40px 0px #FF0000;
  
   
}
.two{
  font-size: 87px;
  border-radius: 15px;
  border: 10px solid white;
  grid-row-start: span 3;
  padding: 30px;
}
.three{
  height: 490px;
  font-size: 40px;
  border-radius: 15px;
  border: 10px solid white;
  grid-column-start: span 2;
  grid-row-start: span 3;
  padding: 30px;
}
.fontfamily{
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
}
.outside{
  background: black;
  padding: 2em;
}
.light{
  font-weight: 100;
  font-style: normal;
}
.bold{
  font-weight: 700;
  font-style: normal;
}
.lightitalic{
  font-weight: 100;
  font-style: italic;
}
.bolditalic{
  font-weight: 700;
  font-style: italic;
}
.italic{
  font-style: italic;
}