index.html

<head>
	<meta charset="UTF-8">
	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
	<link rel="manifest" href="/site.webmanifest">
	<title>rakubyte</title>
</head>

<style>
.body {
	margin: 0;
	background-color: #131313;
}
.container {
	height: 100%;
	position: relative;
	/* border: 3px solid green; */
}
.text {
	margin: 0;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	color: #88ff55;
	font-family: "roboto";
}
.title {
	top: 47%;
	font-size: 400%;
}
.subtitle {
	top: 53%;
	font-size: 200%;
}
</style>

<body class="body">
	<div class="container">
		<div>
			<h1 class="text title"> R A K U B Y T E </h1>
		</div>
		<div>
			<p class="text subtitle">PROXIMAMENTE...</p>
		</div>
	</div>
</body>