.page{
  background: #bf9d95;
  display:grid;
   grid-template-columns: 3fr 1fr
}

.alphabet{
font-family: essonnes-text, serif;
font-weight: 700;
font-style: normal;
font-size: 90px;
margin: 15px;
text-align: center;
margin-top: 35px;
background:#9c6d6f;
padding:10px;
width: 700px;
height: 100px;
  
}

.family{
font-family essonnes-text, serif;
font-weight: 700;
font-style: normal;
font-size: 60px;


}



.dlight{
font-family: essonnes-display,serif;
font-weight: 400;
font-style: italic;
font-size: 20px;


  
}

.light{
  font-family: essonnes-display,serif;
font-weight: 400;
font-style: italic;
font-size: 20px;
}

.dregular{
font-family: essonnes-display, serif;
font-weight: 500;
font-style: normal;
  font-size: 20px;

}

.dbold{
font-family: essonnes-text, serif;
font-weight: 700;
font-style: normal;
font-size: 20px;

}

.dboldi{
font-family: essonnes-text, serif;
font-weight: 700;
font-style: italic;
font-size: 20px;

}

.body{
font-family: essonnes-headline,serif;
font-weight:500;
font-style: normal;
position: absolute;
  right: 0px;
  left:100px;
  width: 700px;
  padding: 30px;

}

.bottom{ 
font-family: essonnes-headline,serif;
font-weight: 400;
font-style: normal;
font-size: 180px;
text-align: center;
font-weight: 600;
margin-top:150px;

}


<link rel="stylesheet" href="https://use.typekit.net/moj2wsg.css">