@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400');

@font-face {
  font-family: 'Frutilla Script';
  src: url('/fonts/frutilla-script.woff2');
  src: url('/fonts/frutilla-script.woff2') format('woff2'),
       url('/fonts/frutilla-script.woff') format('woff'),
       url('/fonts/frutilla-script.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Stella Wilson';
  src: url('/fonts/stella-wilson.woff2');
  src: url('/fonts/stella-wilson.woff2') format('woff2'),
       url('/fonts/stella-wilson.woff') format('woff'),
       url('/fonts/stella-wilson.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

.card {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #ffffff;
  background: #000000;
}

.title {
  font-size: 16px;
}

.couple {
  font-family: 'Frutilla Script', serif;
  font-weight: normal;
  font-style: italic;
  font-size: 130px;
  text-transform: none;
  line-height: 0.6;
  letter-spacing: 0;
}

.couple__name,
.couple__delimiter {
  display: inline;
}

.couple__lastname {
  display: none;
}

.couple__delimiter {
  margin: 0 -0.1em;
}

.datetime {
  margin: 20px 0;
}

.datetime__date {
  font-family: 'Stella Wilson', serif;
  font-weight: normal;
  font-style: italic;
  font-size: 72px;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1;
  margin: 0 0 0 0.2em;
}

.location {
  margin: 30px 0;
}

.invitation {
  font-family: 'Stella Wilson', serif;
  font-weight: normal;
  font-style: italic;
  font-size: 72px;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1;
  display: block;
  margin-top: 30px;
}

.button {
  padding: 15px 15px 10px;
  background: #000000;
}

/* Variations */

.v2 .card {
  color: #000000;
  background: #ffffff;
}

.v2 .button {
  color: #000000;
  background: #ffffff;
}