body{
  margin: 0; /* removes margins */
  padding: 25px; /* adds padding around the body */
  font-family: 'Crimson Pro', serif; /* changes font */
  position: relative;
  height: 100vh; /* body occupies total height of the screen (otherwise it just takes what the text covers) */
  display: flex; /* all items will fit in a flexy way */
  flex-direction: column; /* the order is left-to-right first, top-to-bottom second */
  justify-content: space-around; /* or space-between / center / space-evenly */
  align-items: center;         /* center horizontally */
  overflow-x: hidden;
}

h1{

    color: darkgray;  
    font-family: 'Crimson Pro', serif;
    font-size: 2em;
    text-align: center;
    

}
    
h2 {
    color: darkgray;
    font-family: 'Crimson Pro', serif;
    font-size: 3em;
    text-align: center;
}

h3 {
    color: darkgray;
    font-family: 'Crimson Pro', serif;
    font-size: 2em;
    text-align: center;
}