index.html

<!DOCTYPE html>
<html>
<head>
	<title>New Tab</title>

	<style>
		@font-face 
		{
			font-family: 'font';
			src: url("./font.ttf");
		}


		body
		{
			width:100%;
			height:100vh;
			padding:0;
			margin:0;			
		}

		.message_container
		{
			display:flex;
			justify-content:center;
			align-items:center;
			align-content:center;
			flex-direction:row;
			width:100%;
			height:100vh;
			padding:0;
			margin:0;
			background-size: cover;
			font-size:40px;
			text-align: center;
			opacity:0;
			transition:all 0.5s;
		}
		
		.message
		{
			margin:30px;
			color:white;
			font-family: 'font';
		}
	</style>
</head>
<body>
	<div class="message_container">
		<div class="message"></div>
	</div>

    <script src="jquery.js"></script>
    <script src="scripts.js"></script>
</body>
</html>