html {
    font-family: 'Playfair Display', serif;
    font-size: 1em;

}

header {
    background-color: #1d3557;
    width: 100%;
    text-align: right;
    padding: 2rem;
}

h1{
    font-family: 'Playfair Display', serif;
    font-weight:600;
    font-style: italic;
    font-size: 4rem;
    text-align: center;
    color: #1d3557;
}

h2 {
    font-family: 'Playfair Display', serif;
    font-size: 3rem;
    color: #e63946;
    text-align: center;
}
h3 {
    margin-top: 5%;
    margin-left: 10%;
    font-family: 'Playfair Display', serif;
    font-size: 2rem;
    font-weight: 600;
    color: #1d3557;
    text-align:left;
}
 p {
    margin:2rem, 4rem;
    font-family: 'Playfair Display', serif;
    font-size: 1.5rem;
    color: #1d3557;
    text-align: justify;
    padding: 1rem;
}
 li {
    font-family: 'Playfair Display', serif;
    font-size: 1.5rem;
    color: #1d3557;
    text-align: justify;
    margin:10%;
}
* {
    box-sizing:border-box;
    margin: 0;
    padding: 0;
}

body {
    background-color: #f1faee;
    margin:auto;
    text-align: center;
    padding-left: 15%;
    padding-right: 15%;
    
}
.profile-picture {
    margin-left:45%;
    margin-right: 45%;
    display: flex;
    justify-content: center;
    align-content: center;
    width: 200px;
    clip-path: circle();
    flex-wrap: wrap;
    
       
}
.intro {
    display:flex;
    justify-content: center;
    align-content: center;
    margin:0, 50rem;
    padding:0, 50rem;
    width: 100%;
    height:auto;
}
 img {
    align-items: center;
    justify-content: center;
    max-width: 100%;
    max-height: auto;
}
a {
    color: #e63946;
    font-size: 1;
    font-weight: bold;
    text-align: center;
}

.video {
    text-align: center;
    
}

footer {
    max-width: 100%;
    display: flex;
    background-color: #1d3557;
    color: gray;
    padding: 1rem;
    text-align: center;
    font-size: 1rem;
    font-family:'Times New Roman', Times, serif;
}
#home {
    margin: 2rem;
    padding: 2rem;
    display: inline-block;
    align-items: center;
}
.question, li {
    
    font-weight: 600;
}
.blog-img {
    display:flex;
    margin: 0%, 25%;
    padding: 0%, 15%;
    justify-content: center;
    align-content: center;
    width: 100%;
    height:auto ;
}


#example {
    margin: 20px;
}


#example2 {

    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 40px;
    margin-left: 80px;
}

#example3 {

    padding: 20px;
    margin: 20px;
}



#example4 {

    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 40px;
    padding-left: 80px;
    margin:20px;
}



.container {
    background-color: #1d3557;
    display: inline-block;
    margin-left: 30%;
    margin-right: 30%;

  }
  
.child {
    background-color: #e63946;
    border-width: 5px;
    border-color: #f1faee;
    border-radius: 10px;
    color: #1d3557;
    font-family:'Playfair Display', serif;
    font-weight: bold;
    padding: 20px;
    display: inline-block;
    text-align: center;
  }