body,html{
			font-family: Arial;
			margin: 0;
			padding: 0 1em;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		h1{
			font-size: 3.2em;
			margin: 0 0 1em;
		}
		
		p{
		    color: #9298a1;
			font-size: 1.3em;
		}

		.purple{
			color: #865efb;
		}

		.purple-button{
			padding: 1.3em 2.5em;
			margin-top:2.5em;
			background-color: #865efb;
			color: white;
			border-radius: 0.6em;
			display: inline-block;
			font-weight: bold;
			text-transform: uppercase;
			text-decoration: none;
			font-size: 0.94em;
			
		}

		.list{
			color: #9298a1;
			padding-left: 1.05em;
			font-size: 1.3em;
			line-height:1.35em;
			margin:0 0 2.3em;
		}

		.list li{
			padding: 0.25em 0;
		}

		.block{
			display: block;
		}
		
		#cursor {
			display: inline-block;
			vertical-align: middle;
			width: 6px;
			height: 40px;
			margin-left: 4px;
			background-color: black;
			animation: blinker .9s step-end infinite;

		}
		@keyframes blinker {
			from, to { opacity: 0 }
			50% { opacity: 100%}
		}

		@media only screen and (max-width: 600px)
		{
			h1{
				font-size: 2.65em;
				margin: 0.5em 0 1em;
			}
			.list{
				font-size: 1.15em;
				margin:0 0 2.5em;
			}

			.purple-button{
				position: relative;
				left: 50%; 
				transform: translateX(-50%);
				font-size: 1.05em;
			}
		}