JSFiddle - React, Tailwind, and code Playground

HTML

<div id="page">
    <div id="header">About Time Productions</div>
    <hr />
    <div id="navigation"> <a href="master.html">Home</a>
 <a href="master.html">About</a>
 <a href="master.html">Classes</a>
 <a href="master.html">Archive</a>

    </div>
    <hr />
</div>

CSS

body {

                background:black;

                text-align:center;

                margin:0px;

            }

            #page {

                display:inline-block;

                font-size:60px;

                color:white;

                font-family:sans-serif;

                background:purple;

                height:700px;

                width:800px;

            }

            #page::first-letter {

                font-size:80px;

            }

            #page hr {

                width:90%;

                margin-top:5px;

                margin-bottom:5px;

            }

            #header {

                background:purple;

                margin-top:10px;

                margin-bottom:10px;

            }

            #navigation {

                margin:auto;

                width:87%;

                font-size:20px;

                text-align:justify;

                background:black;

            }