* { font-family: 'Helvetica', sans-serif; font-weight: 400; color: gray; }
#love {color: #000; transition: color 0.5s ease;}
h1{ font-size: 12pt; font-weight: 500; }
h2{ font-size: 14pt; font-weight: 600; }
h3, p{ font-size: 10pt; font-weight: 300; }

.mtLarge{margin-top: 50px;}
.mtMedium{margin-top: 35px;}
.mtSmall{margin-top: 20px;}
.mbLage{margin-bottom: 50px;}
.mbMedium{margin-bottom: 35px;}
.mbSmall{margin-bottom: 20px;}
a{ text-decoration: none; color: gray; }
.f16{ font-size: 16pt;}
.f14{ font-size: 14pt;}
.f12{ font-size: 12pt;}
.f8{ font-size: 8pt;}

.aVert {
  display: flex;
  align-items: center;
  justify-content: center;
}


body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

 .typing {
	 position: relative;
}
 .typing::after {
	padding-bottom: 1px;
	content: "|";
	position: absolute;
	right: 0;
	width: 100%;
	color: #000;
	background: #fff;
	text-align: left;
	animation: typing 5s steps(38) forwards, caret 1s infinite;
}
 @keyframes typing {
	 to {
		 width: 0;
	}
}
 @keyframes caret {
	 50% {
		 color: transparent;
	}
}

.zoom{
	zoom:140%;
}