@import url('https://fonts.googleapis.com/css2?family=Barrio&family=Caveat:wght@400..700&family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Fuzzy+Bubbles:wght@400;700&family=Give+You+Glory&family=Instrument+Serif:ital@0;1&family=Sour+Gummy:ital,wght@0,100..900;1,100..900&family=Unna:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url("https://use.typekit.net/rbd3rtx.css");


body {
    margin: 0px;
    padding: .3%;
     border: 10px dotted #e38f8c;
}
h1 {
    font-family: tumb, cursive;
    color: #eff6e0;
    text-align: center; 
    font-weight: 200;
    font-size: 500%;
    padding: 0%;
    margin: 0%;
}
.quote1 {
    font-family: sweet-and-salty, sans-serif; 
    color: #eff6e0;
    text-align: left; 
    font-size: 50px;
    text-transform: uppercase;
}
.quote2 {
    font-family: barrio, system-ui;
    color: #eff6e0 ;
    text-align: right; 
    font-size: 50px;
}
.quote3 {
    font-family: instrument serif, serif;
    color: #eff6e0 ;
    text-align: left; 
    font-size: 50px;
    font-style: italic;
}
.quote4 {
    font-family: cormorant garamond, serif;
    color: #eff6e0 ;
    text-align: right; 
    font-size: 50px;
    text-decoration: underline;
}
.quote5 {
    font-family: fuzzy bubbles, cursive;
    color: #eff6e0 ;
    text-align: left; 
    font-size: 50px;
}
.quote6 {
    font-family: give you glory, cursive;
    color: #eff6e0 ;  
    text-align: right; 
    font-size: 50px;
}

.quote7 {
    font-family: unna, serif;
    color: #eff6e0 ;
    text-align: left; 
    font-size: 50px;
}
.quote8 {
    font-family: instrument serif, serif;
    color: #eff6e0 ;
    text-align: right; 
    font-size: 50px;
}
.quote9 {
    font-family: sour gummy, cursive;
    color: #eff6e0 ;
    text-align: left; 
    font-size: 50px;
}
.quote10 {
    font-family: caveat, cursive;
    color: #eff6e0 ;
    text-align: right; 
    font-size: 50px;
}