@import url('https://fonts.googleapis.com/css2?family=Literata:ital,wght@0,400;0,700;1,400;1,700&display=swap');

h3 {
  font-family: 'Literata', serif;
  font-weight:600;
}

body {
  background: #ffeeff;
	color : black;
	margin : 20px 20px 20px 20px;
  text-align: center;
  font-family: 'Literata', serif;
}

.blogpost {
  text-align:left;
  border: 1px solid black;
  width:800px;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left:auto;
  margin-right:auto;
  padding-left: 1em;
  padding-right: 1em;
  background: #ffddff;
}

.blogpost table { width:100% }

.blogpost td { vertical-align: top; }

.blogpost td.image {
  padding-top:1em;
  text-align:right;
}

.date { color: #999999 ; font-style:italic; }

iframe.video {
  padding: 1em;
  margin: 0 auto;
  display:block
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo {
  width:360px;
  padding-top:20px;
}

.quote { font-size: 1.1em; font-weight: bold; }
.name { font-size: 1.1em; font-style: italic; }

.dysad table { padding:0px;margin:0px; border-spacing: 0px;border-collapse: collapse; } 
.dysad td { background-color: #cc9000; }
.dysad a { text-decoration: none; color: #222222; }
.dysad {
  font: 1.3em 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #222222;
}
.dysad:hover { cursor:pointer; }
.dysad i {
  font-weight: normal;
  font-size: 0.7em;
}