html {
            scroll-behavior: smooth;
        }
 
        body {
            font-size:16px;
            background-color:antiquewhite;
            margin:20px;
            padding:20px;
            /*font-family:'Courier New', Courier, monospace;*/
            font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            
        }

        .textarea-v1 {
            /*background-color:azure;*/
            background-color:darkblue;
            /* width:88%; */
            height:600px;
            margin: auto auto;
            width:100%;
            color:#fff;
        }

        .spacer1 {
            display:block;
            
            height:50px;
            margin:0 0 4px 0;
        }

        footer p.whoa-there {
            font-size:0.7em;
            margin:50px 0 50px 0;
        }

        .the-app {
            border:1px solid #ccc;
            background-color:black;
            color:#fff;
        }

        .the-app a {
            color:#fff;
        }

        .the-app a.dis {
            color:#666;
            padding:6px 3px;
        }

        .the-app a.dis:hover {
            color:#999;
        }

        .the-app-top-menu {
            margin:0;
            padding:0;
        }

        .the-textarea-v1 {
            margin:0;
            padding:0;
        }

        .instructions {
            margin:1px;
            padding:1px;
            /*font-size:0.8em;*/
            font-size:1em;
        }

        .notice {
            margin:1px;
            padding:5px;
            font-size:0.7em;
            background-color:#ff0000;
            color:#fff;
        }

        #use-less-code-editor {
            /* */
        }

        .what-time-is-it p {
            line-height:2em;
            font-size:1.2em;
        }

        .time-boundary {
            border:1px #ccc solid;
            padding:3px 6px;
            font-size:1.1em;
            margin-bottom:10px;
            font-weight: normal;
            display:inline-block;
        }

        .time-boundary:hover {
            background-color:#000;
            color:#fff;
        }

        .time-container {
            display: inline;
            font-weight:normal;
        }

        .timeDisplay {

        }

        .current-time-in {
        
        }

        p.version {
            color:#666;
            font-size:0.8em;
        }

        .SUPER-SIZE {
            font-size:1.2em;

        }

        .cool-container {
            width:100%;
            background-color:#333;
            border:1px solid #fff;
        }

        .terminal {
            background-color:#333;
            color:#ccc;
            padding:10px;
            margin:0;
            /*border:1px solid #fff;*/
            font-size:0.7em;
            width:70%;
            float:left;
        }

        .panic {
            background-color:#ff0000;
            color:#fff;
            padding:0px;
            font-size:1em;
            width:18%;
            text-align: center;
            float:right;
        }
        p.label-terminal {
            color:greenyellow;
            font-family: 'Courier New', Courier, monospace;
            margin-left:10px;
            padding:0;
            font-size:0.8em;
        }

        .panic:hover {
            background-color:#000;
            color:#ff0000;
            font-weight:bold;
            border:2px #000 solid;
            cursor:crosshair;
            /*font-size:1.3em;*/
        }
        .panic p a:hover {
            color:#ff0000;
        }

        .frenchfries {
            width:20px;
            display:inline-block;
        }
        .demo-only-text {
            font-size:0.5em;
        }
        .demo-only-text:hover {
            color:#fff;
            font-size:1.4em;
        }