@font-face {
    font-family: 'Archfont';
    src: url('Koblenz-Serial-Bold/Koblenz-Serial-Bold.ttf');
}
body{
	background-color:#070F2B !important;
	display:flex;
	justify-content:center;
}
.heart{
	transition:0.9s;
	margin-top:300px;
	display: inline-block; 
	background-color:#070F2B !important;
	border:none !important;
	text-align:center;
	color:white;
}
.button{
	transition:0.7s !important;
	border-radius:5px;
	font-family: 'Archfont' !important;
    background-color:#b20add;
    border:1px solid #b20add;
}
.no-border{
	border:none !important;
}
.button:hover{
	font-size:30px;
	transition:0.7s !important;
}
.writer{
  overflow: hidden;
  border-right: .15em solid #b20add !important;
  white-space: pre-wrap; 
  margin: 0 auto;
  letter-spacing: .1em;
  animation: 
    typing 3.5s steps(50, end),
    blink-caret .75s step-end infinite;
}
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #b20add !important; }
}