body {
  background: rgb(103, 66, 230);
  background: linear-gradient(135deg,rgba(103, 66, 230, 1) 35%,rgba(114, 68, 237, 1) 100%);
  color: #eee;
  font-family: BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 20px;
  margin: auto;
}
h1 {
	padding-bottom: 1em;
}

a {
	color: #F0FE29;
}

a:hover {
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.01em;
}

.deffo1 {
	background-color: rgba(191,255,223,0.1);
	padding: 1em;
	border-radius: 20px 0 0 20px;
}
.deffo2 {
	background-color: rgba(191,255,223,0.1);
	padding: 1em;
	text-align: center;
	border-radius: 0 20px 20px 0;
}
.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}