/* Scss Document */
/*TABLE OF CONTENTS

- Fonts
- Colors
  Wedding Colors
- Typography
- Sections

*/
/* FONTS */
/* COLORS */
/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6, p, body, html, ul, ol, li {
  color: #857154; }

h1 {
  color: #F99E49;
  outline-color: white;
  text-shadow: 4px 4px 0px white, 2px 3px 0px white, 4px 5px 0px white, 4px 6px 0px white;
  -webkit-text-stroke: 11px white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
  font-size: 64px;
  margin: 0 auto;
  padding: .5em 10% 0;
  text-align: center; }

/* Sections */
html {
  background-color: #EECA63;
  font-size: 20px;
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  color: #857154;
  background-image: url("../images/bg-bottom.svg");
  background-position: bottom;
  background-repeat: no-repeat; }

.content {
  width: 100%;
  height: auto;
  min-height: 80vh; }
  .content .logo-container {
    height: 150px; }
    .content .logo-container .logo {
      max-height: 115px;
      z-index: 1000;
      position: absolute;
      left: 50%;
      transform: translateX(-50%); }
  .content main {
    margin: 0 auto; }
    .content main .blurb {
      background-image: url("../images/blurb-bg.svg");
      background-size: auto;
      background-repeat: no-repeat;
      background-position: center;
      min-width: 300px;
      min-height: 150px;
      text-align: center;
      position: relative;
      margin-top: -40px; }
      .content main .blurb .text {
        max-width: 440px;
        min-width: 300px;
        margin: 0 auto;
        padding: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 85%; }
        .content main .blurb .text .time {
          color: #25C1DD; }
    .content main .avatar-container {
      text-align: center; }
      .content main .avatar-container .avatar {
        max-width: 700px;
        max-height: 50vh; }

#footer {
  opacity: .5;
  text-align: center; }