@media (max-device-width: 720px) {
    html {
        font-size: 24px;
    }
}
.fade {
  transition-property: opacity;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transition-delay: calc(250ms * var(--i));

  @starting-style {
    opacity: 0;
  }
}
body {
    background-color: lightgrey;
    text-align: center;
    font-family: sans-serif;
}
#img_main {
    width: 33%;
}
h1 {
    margin: 0;
    font-size: 4rem;
}
h3 {
    margin: 2rem;
    font-style: italic;
}
#subtitle {
    visibility: hidden;
    font-size: 2rem;
    font-family: serif;
    font-style: italic;
}
.flexbox_testimonials, .flexbox_projects {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.flexbox_testimonials > div, .flexbox_projects > div {
  overflow: hidden;
  margin: 20px;
  border: 1px solid grey;
  background-color: white;
}
.flexbox_testimonials > div {
    padding: 2em;
}
.flexbox_single {
  flex: 1 0 200px;
}
.flexbox_double {
  flex: 1 0 400px;
}
.p_attribution {
    font-family: serif;
    font-style: italic;
}
.flexbox_projects a {
    display: block;
    height: 100%;
    margin: 0;
    padding: 2em;
    text-decoration: none;
    font-weight: bold;
}
.flexbox_projects a:hover {
    background-color: whitesmoke;
}
.flexbox_projects a:link, .flexbox_projects a:active, .flexbox_projects a:visited
{
	color: black;
}
.flexbox_projects img {
    width: 100%;
}