@import url("https://use.typekit.net/jae6pap.css");
@import url('https://fonts.googleapis.com/css2?family=Playwrite+IN+Guides&display=swap');

body{
    background-color: #f3f7e1;
    
}
.name {
    background-color: #586ca9;
    text-align: center;
    font-size: 44pt;
    font-family: kuhlman-vf, sans-serif;
    color: #e69fc2;
    padding: 0.5%;
    margin: 34px 34px 0px 34px;
    
}

.horizontal-div {
        display:flex;
        flex-direction: row;
        width:100%;
}

.c1 {
        display: flex;
        flex-direction: column;
        width: 50%;
}

.Quote01 {
        font-family: "cc-thats-all-folks-open", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 100pt;
        text-align: center;
        background-color: #6f9177;
        margin: 34px 16px 16px 34px;
        font-size: 55pt;
        flex:60%;
        padding:5%;
}

.Quote02 {
        font-family: "Playwrite IN Guides", cursive;
        font-weight: 400;
        font-style: normal;
        font-size: 40pt;
        text-align: center;
        background-color: #f5dd8f; 
        margin: 16px 16px 16px 34px;
        flex: 60%;
        padding:5%;

        
       
}

.c2 {
        display:flex;
        flex-direction: column;
        width: 50%;
}

.Quote03 {
        font-family: alphabet-soup-pro, sans-serif;
        font-size: 50pt;
        text-align: center;
        background-color: #e69fc2;
        color: #f3f7e1;
        margin: 16px 34px 16px 16px;
        flex:40%;
        padding:10%;
}

.Quote04 {
        font-family: "franklin-gothic-atf", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 40pt;
        text-align: center;
        background-color: #493657;
        color: #6f9177;
        margin: 34px 34px 16px 16px;
        flex:40%;
        padding: 5%;

}

.Quote05 { 
        font-family: ccsignlanguage, sans-serif;
        font-size: 50pt;
        background-color: #586ca9;
        color: #f5dd8f;
        margin: 16px 34px 16px 34px;
        padding:5%;
        text-align: center;

}

.parent02 {
    display: flex;
}

.Quote06 {
        font-family: "wordy-diva", sans-serif;
        font-weight: 500;
        font-style: normal;
        text-align: center;
        font-size: 40pt;
        background-color: #493657;
        color: #6f9177;
        margin: 16px 16px 16px 34px;
        padding:5%;
}

.Quote07 {
        font-family: "gnar", sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size: 40pt;
        text-align: center;
        background-color: #e69fc2;
        color: #f3f7e1;
        margin: 16px 34px 16px 16px;
        padding:5%;

}

.parent03 {
display: flex;
}

.Quote08 {
        font-family: "forager", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 40pt;
        text-align: center;
        background-color: #6f9177;
        color: #e69fc2;
        margin: 16px 16px 16px 34px;
        padding: 1%;

}

.Quote09 {
        font-family: "ohno-casual-variable", sans-serif;
        font-variation-settings: "CNTR" 200, "wght" 200;   
        font-size: 24pt; 
        text-align: center;
        background-color: #f5dd8f;
        margin: 16px 34px 16px 16px;
        padding: 5%;

}

.Quote10 {
        font-family: "placa", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 45pt;
        background-color: #586ca9;
        margin: 16px 34px 34px 34px;
        padding:3%;
      
}