body{
margin:0;
padding:0;
font-family: "adobe-garamond-pro", serif;
font-weight: 100;
font-style: normal;
}
a{
     font-family: "dorival-ui-variable", sans-serif;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
    transition: color .15s ease-in-out;
}
.wrapper{
margin: 0 auto;
max-width: 1200px;
padding: 20px 0;
}
.redwrapper{
    margin: 0 auto;
    max-width: 1200px;
    padding: 20px 0;
    background-color:#af215d;
}
.redwrapper h1, .redwrapper h2, .redwrapper h3, .redwrapper h4, .redwrapper p{
color: white;
}
.bluewrapper h1, .bluewrapper h2, .bluewrapper h3, .bluewrapper h4, .bluewrapper p{
color: white;
}
.bluewrapper{
    margin: 0 auto;
    max-width: 1200px;
    padding: 20px 0;
    background-color:#21618e;
}
h1{
font-weight: 700;
}
.flexbox{
display: flex;
flex-direction: row wrap;
gap: 20px;
justify-content: space-evenly;
}
.flex-child{
flex-basis: 250px;
flex-grow: 1;
flex-shrink: 1;
min-height: 200px;
}