body {background-color: #E8E6F2;
margin: 50px;
text-align: center;}
p {background-color: #F7F5FF;
padding: 20px;
color: #828199;
text-align: left;
line-height: 25px;
font-family: "Cause", cursive;
  font-optical-sizing: auto;
  font-style: normal;}

img {display: block; margin: auto;}
iframe {display: block; margin: auto;}
h1 {text-align: left;
background-color: #F0F0FF;
border: dotted;
border-color: #828199;
padding: 15px;
color: #B0A3D9;
  font-family: "Coiny", system-ui;
  font-weight: 400;
  font-style: normal;
font-size: 3em;}

h2 {color: #9593AD; 
text-align: center;
  font-family: "Coiny", system-ui;
  font-weight: 400;
  font-style: normal;
font-size: 2em;}

h3 {color: #828199;
text-align: center;
  font-family: "Coiny", system-ui;
  font-weight: 400;
  font-style: normal;
font-size: 1.5em;
background-color: #F7F5FF;}

a:link {text-align: center;
color: #828199; font-family: "Cause", cursive;
  font-optical-sizing: auto;
  font-style: normal;}

a:visited {color: #D899DE;}

a:hover {color: #99D9DE;}

a:active {color: #8EDEAF;
font-weight: bold;}