body {
    font-family: Roboto;
    background-color: #191B2A;
    color: #EFF0F6;
}

a, a:visited, a:active {
    color: #f92672;
    padding: 15px;
    text-decoration: none;
}

a:hover {
    padding: 15px;
    background-color: #404464;
}

h1 {
    font-family: monospace;
    color: #39ffba;
    text-transform: uppercase;
}

/* The Tilde Special */
#tilde_special::before {
	content: "$ ";
}

@media (prefers-reduced-motion: no-preference) {
	@keyframes flash {
		50% { opacity: 0; }
	}
	@keyframes reveal {
		from { width: 2em; } /* Width of ::before */
		  to { width: 100%; }
	}
	#tilde_special {
		overflow: hidden;
		white-space: nowrap;
		animation: reveal 4s linear;
		text-overflow: "█";
	}
	#tilde_special::after {
		content: "█";
		animation: flash 0.5s step-end infinite;
	}
}

.parent_div {
    margin-top: 50px;
    margin-left: 15%;
    margin-right: 15%;
}

.header {
    border-radius: 5px;
    padding: 15px;
    background-color: #2a2d46;
    font-weight: bold;
}

.ascii {
    display: block;
    text-align: center;
    padding: 10px;
}


.info {
    display: flex;
    flex-direction: column;
    color: #f92672;
    text-align: center;
}

/*
White: #EFF0F6
Pink: #f92672
Green: #39ffba
Light Blue: #607ba9
Light Gray/Blue: #2a2d46

*/