JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="../css/classes.css">
        <link rel="stylesheet" type="text/css" href="../css/ids.css">
        <title>Total Devastation</title>
    </head>

    <body>
        <h1 class="header-main">Total Devastation</h1>
    </body>
</html>

CSS

.header-main {
    background:#555;
    font-family:calibri;
    font-size:32pt;
    color:#eee;
    text-align:center;
    margin:0;
    padding:10px;
    width:100%;
}
body {
    background:#aaa;
}html, body
{
    margin: 0;
    padding: 0;
}