@font-face
{
    font-family: 'JetBrainsMono';
    src: url('JetBrainsMono-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body
{
	background-color: #0D1117;
	text-align: center;
	font-family: 'JetBrainsMono', monospace;
}

.logo
{
    width: 75%;
	height: auto;
}

.error-code
{
	position: fixed;
	top: 50%;
    color: #d62b2b;
    font-size: 10vw;
}

.centered
{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.floating
{
	opacity: 0;
	animation: float 2.5s ease-in-out infinite alternate;
    transition: opacity 2s ease-out;
}

@keyframes float
{
	from { margin-top: 0px; }
	to { margin-top: 3%; }
}