@font-face {
  font-family:'Vollkorn';
  font-style:normal;
  font-weight:400;
  src: local('Vollkorn Regular'), local('Vollkorn-Regular'), url(https://fonts.gstatic.com/s/vollkorn/v9/0yb9GDoxxrvAnPhYGxkpaE0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display:fallback;
}
html{height:100%;}
body{
  font-family:Vollkorn;
  border:0;
  margin:0;
  padding:0;
  height:100%;
  background-image:
    radial-gradient(
      circle,
      #fff,
      #fee
    );
}

  a{text-decoration:none;}

#divWrapper{width:300px;margin:auto;display:table;height:calc(100% - (2.2em + 16px));}
#divWrapper div:nth-child(1){
  text-align:right;
  color:#666;
  display:table-cell;
  vertical-align:middle;
}

 /* #divWrapper div:nth-child(3){text-align:center;font-size:0.8em;color:#fff;background-color:#888;} */
#divFooter{text-align:center;font-size:0.8em;color:#fff;background-color:#888;width:calc(100% -16px);padding:8px;}
#divFooter a, #divFooter a:visited, #divFooter a:active{color:#fff;}
#divFooter a:hover{color:#ddf;}

.logo{width:300px;}

.footerFixed{border:1px dashed #f00;position:absolute;bottom:0;}
.footerChild{border:1px dashed #0f0;position:relative;}