html {
font-size: 1vw;
}
body {
background-color: #FFDBE7;
color: #E01F60;
font-family: Shruti, Arial, sans-serif;
}
h1 {
font-family: Georgia, Palatino, serif;
font-size: 4rem;
text-align: center;
}
h2 {
color: #27A65F;
font-family: Georgia, Palatino, serif;
font-size: 3rem;
text-align: center;
}
p {
font-size: 1.5rem;
line-height: 148%;
}
.left {
float: left;
margin-right: 20%;
margin-bottom: 10%;
}
.left-column {
flex: 0 0 50%;
background-color: #E0F7FA;
max-width: 50%
margin: 0 auto;
padding: 2%;
border: 5px dotted blue;
}
.right-column {
flex: 0 0 38%;
background-color: #E0F7FA;
max-width: 40%;
margin: 0 auto;
padding: 2%;
}
.column {
flex: 1;
min-width: 40%;
box-sizing: border-box;
}
.center {
  display: block;
  margin: 0 auto 2%;
  width: 80%;
  max-width: 100%;
  height: auto;
}
img.float-left {
  float: left;
  margin-right: 3%;
  margin-bottom: 2%;
  width: 40%;
  height: auto;
}
h3 {
color: #27A65F;
font-family: Georgia, Palatino, serif;
font-size: 3rem;
text-align: center;
}
img.float-right {
  float: right;
  margin-left: 3%;
  margin-bottom: 2%;
  width: 40%;
  height: auto;
}
h4 {
color: #27A65F;
font-family: Georgia, Palatino, serif;
font-size: 3rem;
text-align: center;
}
h5 {
color: #27A65F;
font-family: Georgia, Palatino, serif;
font-size: 3rem;
text-align: center;
}
h6 {
color: #27A65F;
font-family: Georgia, Palatino, serif;
font-size: 3rem;
text-align: center;
}
h7 {
color: #0067B5;
font-family: Georgia, Palatino, serif;
font-size: 3rem;
text-align: center;
}
h8 {
color: #0067B5;
font-family: Georgia, Palatino, serif;
font-size: 3rem;
text-align: center;
}
#row {
display: flex;
flex-wrap: wrap;
max-width: 80%;
margin: 0 auto;
gap: 2%;
}
a:link {
color: #352C99;
}
a:visited {
color: #352C99;
}
a:hover {
text-decoration: none;
color: #07784A;
}