body {
   background-color: #d8d6c5;
}

@font-face {
   font-family: hanzi;
   src: url(hanzipen.woff);
}
@font-face {
   font-family: chistoso;
   src: url(chistoso.ttf);
}
a.fre {
   font-family: hanzi,cursive;
   font-size: 2em;
   line-height: .1em;
   color: #006fef;
}
a.bindle {
   font-family: chistoso;
   font-size: .6em;
   color:#3e8229;
}
a.bird {
   font-size: 1em;
   color:#3e8229;
}

a {
   text-decoration:none;
   font-weight:bold;
   color:#ef4a00;
}

a:hover {
   color:#efda00;
}


.style1 {color: #21536a}
body {
	background-color: #eff3f7;
}
.style3 {font-weight: bold; color: #21536a; }
.style10 {
	font-size: 16px
}
.style13 {
	margin: auto;
	font-size: 16px;
	font-weight: bold;
	color: brown;
}
.style16 {color: #21536a; font-size: 16px; }

div.layout1 {width: 630px;}

.indented-paragraph {
margin-left: 20px; /* You can adjust this value to increase or decrease the indentation */
text-align: left;
}

<!-- film stuff -->

  .hidden{display:none}
  .field{margin:.3rem 0}
  /* ---- flash animation ---- */
  @keyframes flash {
    0%   {filter: invert(0);}
    30%  {filter: invert(1);}
    100% {filter: invert(0);}
  }
  .flash{animation: flash .4s ease-out;}