@import url("https://use.typekit.net/lse8vux.css");

.div{
  border: 1px solid black;
  padding: 1em;
}

.grid-container {
  background-image: url("http://robison.fsartanddesign.org/fall2019/GD50/imgs/maia-typespec.png");
  background-repeat: no-repeat;
  background-size : 100%;
  width: 1000px;
  height: 1600px;
  display: grid;
  grid-template-columns:2fr 3fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
}

.sidetext{
 padding: 1em;
 line-height: 50px;
 font-size: 25px;
}

.summary{
   grid-column:2;
  padding: 1em;
  font-kerning: 3px;
  line-height:30px;
  font-family: bc-alphapipe, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poly {
  height: 300px;
  width: 100%;
  float: left;
  display: block;
  shape-outside: polygon(0 0, 100% 0, 100% 16%, 0% 69%);
  margin-top: 600px;
  
 
}

.alphabet{
  grid-column:2;
  grid-row:3;
  text-align: left;
  font-family: bc-alphapipe, sans-serif;
  font-size: 20px;
  letter-spacing:3px;
  font-kerning: normal;
  padding: 10px;
  line-height: 35px
}

.thin {
font-family: bc-alphapipe, sans-serif;
font-weight: 200;
font-style: normal;
}

.thinitalic{
font-family: bc-alphapipe, sans-serif;
font-weight: 200;
font-style: italic;
}

.light{
  

font-family: bc-alphapipe, sans-serif;

font-weight: 300;

font-style: normal;

}

.lightitalic{
  

font-family: bc-alphapipe, sans-serif;

font-weight: 300;

font-style: italic;

}

.regular{
  

font-family: bc-alphapipe, sans-serif;
font-weight: 400;
font-style: normal;

}

.italic{
  

font-family: bc-alphapipe, sans-serif;

font-weight: 400;

font-style: italic;

}

.semibold{
  

font-family: bc-alphapipe, sans-serif;

font-weight: 600;

font-style: normal;

}

.semibolditalic{
  

font-family: bc-alphapipe, sans-serif;

font-weight: 600;

font-style: italic;

}

.bold{
  

font-family: bc-alphapipe, sans-serif;

font-weight: 700;

font-style: normal;

}

.bolditalic{
  

font-family: bc-alphapipe, sans-serif;

font-weight: 700;

font-style: italic;

}