/* CSS Document */
@import url("https://cdn.bootcdn.net/ajax/libs/spectre.css/0.5.9/spectre.min.css");
@import url("https://fonts.googleapis.com/css?family=Material+Icons|Titillium+Web");
body, html {
	height: 100%
}
body {
	margin: 0;
	padding: 0;
	display: table;
	font-weight: 400;
	font-family: Titillium Web, sans-serif;
	width: 100%
}
.container {
	text-align: center;
	display: table-cell;
	vertical-align: middle
}
.content {
	text-align: center;
	display: inline-block
}
.title {
	font-size: 66px;
	color: #515151
}
.normal {
	font-size: 1pc;
	text-align: center
}
.words {
	font-size: 35px
}
.heart {
	color: red
}
.material-icons {
	vertical-align: middle
}
.https {
	color: green
}
.details {
	font-size: 20px
}
.qrcode {
	width: 50%;
	height: 50%
}
.reminders {
	font-size: 20px
}
.narrow {
	line-height: 10px
}
.infos {
	line-height: 25%
}
.footer {
	bottom: 0;
	text-align: center;
	position: fixed;
	width: 100%;
	font-size: 18px
}
.typed-cursor{
  opacity: 1;
  animation: typedjsBlink 0.7s infinite;
  -webkit-animation: typedjsBlink 0.7s infinite;
  animation: typedjsBlink 0.7s infinite;
}
@keyframes typedjsBlink{
  50% { opacity: 0.0; }
}
@-webkit-keyframes typedjsBlink{
  0% { opacity: 1; }
  50% { opacity: 0.0; }
  100% { opacity: 1; }
}
.typed-fade-out{
  opacity: 0;
  transition: opacity .25s;
  -webkit-animation: 0;
  animation: 0;
}