CaveOps | Snippets: FBI WARNING

CSS Before Head

HTML Head

*, *::before, *::after {
            outline: none;
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        html, body {
            background: white;
            font-family: Arial, Verdana, Helvetica, Tahoma, Trebuchet MS, Times New Roman, Georgia, Garamond, Courier New, Brush Script MT, monospace, cursive, serif, sans-serif;
            font-size: 20px;
            font-weight: normal;
            color: black;
            line-height: 1.2;
        }
        html {
            height: 100vh;
            width: 100vw;
            font-size: 20px;
            background: #000;
        }
        body {
            height: 100%;
            width: 100%;
            background: #000;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: flex-start;
            padding-top: 100px;
        }

        .container {
            max-width: 580px;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: center;
            gap: 40px;
        }

        .container h1 {
            background: #f33;
            font-size: 1.4em;
            font-family: Arial, Helvetica, sans-serif;
            color: #eee;
            text-shadow: 0 0 1px #fff;
            padding: 6px 30px;
            margin: 0 auto;
        }

        .container p {
            background: #000;
            font-size: 0.8em;
            font-family: monospace;
            color: #ddd;
            text-align: center;
        }

CSS After Head

JS Before HTML Body

<div class="container">
        <h1>FBI WARNING</h1>
        <p>Federal Law provides severe civil and criminal penalties for the unauthorized reproduction,distribution, or exhibition of copyrighted motion pictures (Title 17,United States Code, Sections 501 and 508). The Federal Bureau of Investigation investigates allegations of criminal copyright infringement (Title 17,United States Code,Section 506).</p>
    </div>

HTML Body

HTML Foot

JS After HTML Body