body, html { height:100%;margin:0;font-size:16px;font-family:'Roboto',sans-serif;color:#f9f9f9; }
.cursive { font-family:'Dancing Script',cursive; }
a { color:#1186F7 !important;font-weight:normal !important; }
a:hover { color:#60AEFA !important; }
.container { height:100%;text-align:center; }
.block {
  position:relative;
  min-height:100%;max-width:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;
}
.half-block {
  position:relative;
  min-height:50%;max-width:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;
}
.links { display:inline-block;position:absolute;right:1em;font-weight:normal;font-size:1.3em;text-shadow:none; }
.links .active { display:inline-block;color:#eeeeee; }
.link-header { text-decoration:none;text-shadow:0 1px 0 #1186F7; }
.link-header:hover { text-shadow:0 1px 0 #60AEFA; }
.content { background-attachment:initial;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:contain; }
.header { width:100%;align-self:flext-start;padding:1em;background-color:#141609;color:#f9f9f9; }
.header h1 { font-weight:normal; }
.content { width:100%;flex:1 1 auto;padding:1em;display:flex;align-items:center;flex-direction:column;justify-content:center;color:#f9f9f9; }
.content h3, .content p { padding-left:2em;padding-right:2em; max-width:1080px; }
.content h3 { margin-bottom:0em; }
.footer { width:100%; align-self:flext-end;padding:1em;background-color:#141609;color:#f9f9f9; }
.footer h1 { font-weight:normal; }
.block1 { background-color:#800020; }
.block1 .content { background-image:url("res/cmblock1.jpg"); }
.block2 { background-color:#f9f9f9; }
.block2 .content { color:#141609; }
.block3 { background-color:#07325B; }
.block3 .content { background-image:url("res/cmblock3.jpg"); }
.block4 { background-color:#f9f9f9; }
.block4 .content { color:#141609; }
.block5 { background-color:#800020; }
.block5 .content { background-image:url("res/cmblock5.jpg"); }
.block6 { background-color:#800020; }
.block5 .content { padding:0; }

hr.heart { width:100%;max-width:1080px;text-align:center;overflow:visible;border:0;height:1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }
hr.heart:after { content:"♡";display:inline-block;position:relative;top:-0.6em;font-size:1.5em;padding:0 0.25em;background:#f9f9f9; }