JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>onepageskiw</title>
<link href="styles.css" rel="stylesheet" type="text/css">
<script src="js.js"></script>
</head>

<body>

<div id="forsidediv">
	<img id="forsidepic" src="https://images.unsplash.com/14/unsplash_524000a90aaad_1.JPG?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&s=dc7275b6369c623d975484143fbb6a17">
</div>

<div id="countdowner">
<div id="countdown">
<table  align="center" cellpadding="10">
<tr>
  <td><div id="days"></div></td>
  <td><div id="hours"></div></td>
  <td><div id="minutes"></div></td>
  <td><div id="seconds"></div></td>
</tr>
</table>
  
</div>
</div>

<script>
    CountDownTimer('06/25/2016 10:00 AM', 'countdown');

    function CountDownTimer(dt, id)
    {
        var end = new Date(dt);

        var _second = 1000;
        var _minute = _second * 60;
        var _hour = _minute * 60;
        var _day = _hour * 24;
        var timer;

        function showRemaining() {
            var now = new Date();
            var distance = end - now;
            if (distance < 0) {

                clearInterval(timer);
                document.getElementById(id).innerHTML = 'EXPIRED!';

                return;
            }
            var days = Math.floor(distance / _day);
            var hours = Math.floor((distance % _day) / _hour);
            var minutes = Math.floor((distance % _hour) / _minute);
            var seconds = Math.floor((distance % _minute) / _second);

						document.getElementById('days').innerHTML = "<span class = 'coloredNumber'"+ days + "</span> <br>days";
            document.getElementById('hours').innerHTML = hours + '<br>hours';
            document.getElementById('minutes').innerHTML = minutes + '<br>minutes';
            document.getElementById('seconds').innerHTML = seconds + '<br>seconds';
                      
        }

        timer = setInterval(showRemaining, 1000);
    }
</script>


</body>
</html>

CSS

@charset "utf-8";

body {
	margin:0;	
}

#countdowner {
	color:white;
	position:absolute;
	margin:0;
	margin-top:5em;
	padding:0;
	text-align:center;
	width:100%;
	font-size:1em;
	font-family:Helvetica;
}

#forsidediv {
	  position:fixed;
    display:flex;
    flex-direction:row;
    justify-content: space-around;
    text-align: center;
}

#days, #hours, #minutes, #seconds{
    display:flex;
    flex-direction:column;
}

#forsidepic {
	width: 100%;
}

.coloredNumber{
  color : green
}