@keyframes anime8 {
    /* 0% { -webkit-text-stroke-color: rgba(255,0,0,0.80); text-shadow: 0px 0px 8px white; color: pink; }
    50% { -webkit-text-stroke-color: rgba(200,255,90,0.80); text-shadow: 0px 0px 12px white; color: rgba(0,0,255,0.35); }
    100% { -webkit-text-stroke-color: rgba(0,0,255,0.80); text-shadow: 0px 0px 12px white; color: rgba(0,0,255,0.35); } */
	
	100%,0%{ -webkit-text-stroke-color: rgb(255,0,0); /* text-shadow: 0px 0px 8px white; */ color: rgba(0,0,0,0.35); }
	8%{ -webkit-text-stroke-color: rgb(255,127,0); /*text-shadow: 0px 0px 12px white; */ color: rgba(0,0,0,0.35); }
	16%{ -webkit-text-stroke-color: rgb(255,255,0); /* text-shadow: 0px 0px 8px white; */ color: rgba(0,0,0,0.35); }
	25%{ -webkit-text-stroke-color: rgb(127,255,0); /* text-shadow: 0px 0px 12px white; */ color: rgba(0,0,0,0.35); }
	33%{ -webkit-text-stroke-color: rgb(0,255,0); /* text-shadow: 0px 0px 8px white; */ color: rgba(0,0,0,0.35); }
	41%{ -webkit-text-stroke-color: rgb(0,255,127); /* text-shadow: 0px 0px 12px white; */ color: rgba(0,0,0,0.35); }
	50%{ -webkit-text-stroke-color: rgb(0,255,255); /* text-shadow: 0px 0px 8px white; */ color: rgba(0,0,0,0.35); }
	58%{ -webkit-text-stroke-color: rgb(0,127,255); /* text-shadow: 0px 0px 12px white; */ color: rgba(0,0,0,0.35); }
	66%{ -webkit-text-stroke-color: rgb(0,0,255); /* text-shadow: 0px 0px 8px white; */ color: rgba(0,0,0,0.35); }
	75%{ -webkit-text-stroke-color: rgb(127,0,255); /* text-shadow: 0px 0px 12px white; */ color: rgba(0,0,0,0.35); }
	83%{ -webkit-text-stroke-color: rgb(255,0,255); /* text-shadow: 0px 0px 8px white; */ color: rgba(0,0,0,0.35); }
	91%{ -webkit-text-stroke-color: rgb(255,0,127); /* text-shadow: 0px 0px 12px white; */ color: rgba(0,0,0,0.35); }
	}
@keyframes anime8Type {
    from { color: #fe7e06; }
    to { color: #ffe033; }
}
    
body {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: rgba(0,0,0,0.85);
    margin: 0;
}
    
.main {
    color: rgba(0,0,255,0.35);
    font-size: 80px;
    font-family: "Alexandria";
    /* text-shadow: 0px 0px 8px white; */
    -webkit-text-stroke-width: .25px;
    -webkit-text-stroke-color: rgba(255,0,0,0.80);
    animation-name: anime8;
	animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    margin-bottom: 0;
}
    
p#typeHere {
    color: rgba(250,250,250,0.35);
    font-family: "Roboto Mono";
    font-size: 20px;
    animation-name: anime8Type;
    animation-duration: 4s;
    animation-iteration-count: 1;
}

@media screen and (min-width: 650px) and (max-width: 860px) {
    
	body {
    height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: rgba(0,0,0,.85);
	}
    
	.main {
		color: rgba(0,0,255,0.35);
		font-size: 60px;
		font-family: "Alexandria";
		/* text-shadow: 0px 0px 8px white; */
		-webkit-text-stroke-width: .25px;
		-webkit-text-stroke-color: rgba(255,0,0,0.80);
		animation-name: anime8;
		animation-duration: 4s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
		margin-bottom: 0;
	}
    
	p#typeHere {
		color: rgba(250,250,250,0.35);
		font-family: "Roboto Mono";
		font-size: 15px;
		animation-name: anime8Type;
		animation-duration: 4s;
		animation-iteration-count: 1;
	}
	
}

@media screen and (max-width: 480px) {
    
	body {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: rgba(0,0,0,.85);
    margin: 0;
	}
    
	.main {
		color: rgba(0,0,255,0.35);
		font-size: 40px;
		font-family: "Alexandria";
		/* text-shadow: 0px 0px 8px white; */
		-webkit-text-stroke-width: .25px;
		-webkit-text-stroke-color: rgba(255,0,0,0.80);
		animation-name: anime8;
		animation-duration: 4s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
		margin: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.main > p {
		margin: 8px;
	}
    
	p#typeHere {
		color: rgba(250,250,250,0.35);
		font-family: "Roboto Mono";
		font-size: 8px;
		animation-name: anime8Type;
		animation-duration: 4s;
		animation-iteration-count: 1;
	}
	
}