`@font-face
{
	font-family:'Windows Command Prompt';
	src:url('../fonts/Windows-Command-Prompt.woff2') format('woff2'),
	url('../fonts/Windows-Command-Prompt.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
:root {
	--txt:rgba(0,255,0,1);
	--txt-a:rgba(0, 66, 21, 0.9);
	--txt-aa:rgba(12, 44, 21, 0.9);
	--bg: #222;
	--clr-primary: #f5f5f5;
	--clr-secondary: #075985;
}
*
{
	margin: 0 auto;
	padding: 0;
	/*width: 100vw;
	height: 100vh;*/
	text-decoration: none;
}
body
{
	background: var(--bg);
	color: var(--txt);
	font-size: 2em;
	padding-top: 5em;
	display: flex;
	justify-content: center;
}
a
{
	color: var(--txt-a);
	/*
	| Adding "surfix" to an URL
	|
	| Green glow if secure 		[https]
	| Red glow if unsecure 		[http]
	|
	*/
	&:[href^="http://"]::after
	{
		font-family: 'Windows Command Prompt';
		font-size: 0.6em;
		content: " (URL: " attr(href) ")";
		color: var(--txt-aa);
		text-shadow: 0 0 10px #ff0000, 0 0 20px #ff0000, 0 0 30px #ff0000;
	}
	&:[href^="https://"]::after
	{
		font-family: 'Windows Command Prompt';
		font-size: 0.6em;
		content: " (URL: " attr(href) ")";
		color: var(--txt-aa);
		text-shadow: 0 0 10px #00ff00, 0 0 20px #00ff00, 0 0 30px #00ff00;
	}
}
.testdiv
{
	width: 60vw;
	height: auto;
}
p {
	width: 0 ;
	color: lime;
	font-family: "Courier";
	font-size: 20px;
	margin: 10px 0 0 10px;
	word-wrap: break-word;
}
.typing
{
	white-space: nowrap;
	overflow: hidden;
	animation: type 4s steps(var(--s), end) forwards;
}
span {
	animation: blink 1s infinite;
}
.fa-facebook:hover
{
	color: blue;
}
.fa-instagram:hover
{
	color:purple;
}
.fa-x-twitter:hover
{
	color:white;
}
@keyframes type {
0% {
	width: 0;
	}
	100% {
		width: 100%;
	}
}
@keyframes blink {
	to {
		opacity: .0;
	}
}