JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
    <head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="browserClock.css">
</head>
<body>
    <div id="safeAction">Safe Text Area
        <div id="safeText">Safe Text Area
        </div>
    </div>
</body>
</html>

CSS

html {
    width: 1920px;
    height: 1080px;
    margin: 0;
    padding: 0;
    background-color: black;
}
body {
    margin: 0;
    width: 100%;
    height: 100%;
    background-position: 0 0;
    position: relative;
}
#safeAction {
    width: 1786px;
    height: 1003px;
    margin: 37px 66px 37px 66px;
    border: 1px dashed white;
}
#safeText {
    width: 1728px;
    height: 971px;
    margin: 0px 28px 16px 28px;
    border: 1px dotted white;
    top: 16px;
    position: absolute;
}