// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 400 to 900


playfair-display-<uniquifier> {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


body{
    margin: 0px;
    padding: 0px;
    border: 0px;
    background-color: black;
  
}

.emily{
    background-color: #AC9483;
    padding: 0%;
   
    h1{
        font-family: "Playfair Display", serif;
        text-align: left;
        font-size: 40px;
        padding: 2%;
    }
}

p{
    font-family: "Playfair Display", serif;
    text-align: center;
    font-style: italic;
    font-size: 20px;
    padding: 2%;
    text-decoration: overline;
}


.robin{
    background-color: #797D62;
    margin: 0px;

    h2{
    font-family:"sweet-sans-pro", sans-serif;
    font-style: normal;
    text-align: center;
    padding: 2%;
    margin: 0px;
    font-size: 40px;
    }


    
    p{
        font-family:"sweet-sans-pro", sans-serif;
    font-style: italic;
    text-align: center;
    font-size: 20px;
    text-decoration: overline;
    }
}

.margaret{

    background-color: #FFCB69;
    margin: 0px;


    h3{
    font-family: "richmond-display", sans-serif;
    font-style: normal;
    text-align: right;
    padding: 2%;
    margin: 0px;
    font-size: 40px;
    }

    p{
    font-family: "richmond-display", sans-serif;
    font-style: italic;
    text-align: center;
    font-size: 20px;
    text-decoration: overline;
    }
}

.alan{
    background-color: #327B8A;
    margin: 0px;

    h4{
        font-family:"sweet-sans-pro", sans-serif;
        font-style: normal;
        text-align: center;
        padding: 2%;
        margin: 0px;
        font-size: 40px;
    }

    p{
        font-family:"sweet-sans-pro", sans-serif;
        font-style: italic;
        text-align: center;
        font-size: 20px;
        text-decoration: overline;
    }
}

.franz{
    
background-color: #9B9B7A;
margin: 0px;
padding: 0px;


    h5{font-family: "Playfair Display", serif;
    text-align: left;
    font-size: 43px;
    padding: 2%;
    margin: 0px;
    }
}

p{
    font-family: "Playfair Display", serif;
    text-align: center;
    font-style: italic;
    font-size: 20px;
    padding: 2%;
    text-decoration: overline;
}

.stephen{
    background-color: #FAF0CA;
    margin: 0px;

    h6{
    font-family:"sweet-sans-pro", sans-serif;
    font-style: normal;
    text-align: center;
    padding: 2%;
    margin: 0px;
    font-size: 40px;
    }

    p{
        font-family:"sweet-sans-pro", sans-serif;
        font-style: italic;
        text-align: center;
        font-size: 20px;
        text-decoration: overline;
    }
}

.virginia{

    background-color: #FFCB69;
    margin: 0px;

    h1{
    font-family: "Playfair Display", serif;
    text-align: right;
    font-size: 40px;
    padding: 2%;
    }

    p{
        font-family: "Playfair Display", serif;
        text-align: center;
        font-style: italic;
        font-size: 20px;
        padding: 2%;
        text-decoration: overline;
    }
}

.homer{

    background-color: #AC9483;
    margin: 0px;

    h2{
    font-family:"sweet-sans-pro", sans-serif;
    font-style: normal;
    text-align: center;
    padding: 2%;
    margin: 0px;
    font-size: 40px;
    }

    p{
        font-family:"sweet-sans-pro", sans-serif;
        font-style: italic;
        text-align: center;
        font-size: 20px;
        text-decoration: overline;
    }
}


.theodore{

    background-color: #327B8A;
    margin: 0px;

    h3{
    font-family: "richmond-display", sans-serif;
    font-style: normal;
    text-align: left;
    padding: 2%;
    margin: 0px;
    font-size: 40px;
    }

    p{
        font-family: "richmond-display", sans-serif;
        font-style: italic;
       text-align: center;
        font-size: 20px;
        text-decoration: overline;
    }

}