body {
	background-color: white;
}

h1, h2, h3 {
	font-family: "Times New Roman", serif;
	font-weight: bold;
	color: black;

}

h1 {
	font-size: 60pt;
	text-align: center;

}

h2 {
	font-size: 18pt;
	text-align: center;
	opacity: 0.5;
}

h3 {
	font-size: 14pt;
}

p {
	font-size: 12pt;
}

pre {
	font-size: 60pt;
	text-align: center;
	font-weight: bold;
	color: black;
	font-family: "Courier New", monospace;
	animation: glitch 3s steps(1) infinite;
}

pre:nth-child(odd) {
    animation-delay: 0.5s;
}

pre:nth-child(even) {
    animation-delay: 1s;
}

@keyframes glitch {
    0% {
        text-shadow: none; 
    }
    20% {
        text-shadow: -5px -5px 0 red, 5px 5px 0 blue; 
    }
    40% {
        text-shadow: none;
    }
    60% {
        text-shadow: -5px -5px 0 red, 5px 5px 0 blue; 
    }
    80% {
        text-shadow: none;
    }
    100% {
        text-shadow: -5px -5px 0 red, 5px 5px 0 blue;
    }
}


.navbar {
	background-color: black;
	overflow: hidden;
	display: flex;
	justify-content: center;
	padding: 10px 0;
	font-weight: bold;
}

.navbar a {
	color: white;
	text-decoration: none;
	padding: 14px 20px;
	text-align: center;
	font-size: 18pt;
	transition: background 0.3s;
}

.navbar a:hover {
	text-shadow: -2px -2px 0 red, 2px 2px 0 blue;
}