body { font-family : Verdana; /* background-color: #202027; */ background-color: #1B2838; color: #FFFFFF; padding: 15px; margin: 0; min-height: 100vh; min-width: 100vw; box-sizing: border-box; position: absolute; top: 0; left: 0; } .bg { /* display: none; */ position: absolute; left: 0; top: 0; height: 100vh; width: 100vw; } .single_stripe { position: relative; height: 100%; left: 20%; top: 0; width: 1.75%; background-color: #FFFFFF; } /* .stripe { position: absolute; top: 0; height: 100vh; width: 24px; background-color: #FFFFFF; } .stripe.left { left: 29vw; } .stripe.right { left: calc(29vw + 36px); } */ .content { position: absolute; top: 0; min-height: 100vh; /* width: 50%; */ /* background-color: rgba(0,0,0,0.7); */ left: 20vw; padding-left: 61px; padding-top: 75px; box-sizing: border-box; } .stripe { position: absolute; top: 0; height: 100%; width: 24px; background-color: #f7bb02; } .stripe.left { left: 0; } .stripe.right { left: 36px; } .content { border-left: 25px solid #f7bb02; } .content:before { content: " "; position: absolute; z-index: -1; border-left: 25px solid #f7bb02; left: 17px; top: 0; right: 0; bottom: 0; } body { font-family : Verdana; /* background-color: #202027; */ background-color: #1B2838; color: #FFFFFF; margin: 0; padding: 0; /* min-height: 100vh; min-width: 100vw; */ box-sizing: border-box; position: absolute; top: 0; left: 0; } .content { position: absolute; top: 0; min-height: 100vh; width: 600px; width: 686px; /* background-color: rgba(0,0,0,0.7); */ /* left: 20vw; */ padding-left: 61px; padding-top: 75px; box-sizing: border-box; margin-left: calc(50vw - 300px); margin-left: calc((100vw - (600px + 67px + 61px + 66px))/2); margin-left: calc(((100vw - 600px) / 2) - (61px + 25px)); margin-left: calc((100vw - 776px) / 2); margin-left: calc((100vw - (686px + 61px + 25px)) / 2); /* margin-left: calc((100vw - (600px + 61px + 25px)) / 2); */ /* margin-left: 50vw; */ /* background-color: #B00B1E; */ } .content, .content:before { border-left: 25px solid #f7bb02; border-left: 25px solid #B00B1E; } .content:before { content: " "; position: absolute; z-index: -1; left: 17px; top: 0; right: 0; bottom: 0; }

Hack.Premo.biz

HTML 5 DTD
UTF-8 in meta tag
'use strict';
jquery2.php
c.js
(Check the JS console.)

<!DOCTYPE HTML>
<meta charset='utf-8' />

<style>
 body {
  font-family : Verdana;
 }
</style>

<link rel='stylesheet' type='text/css' href='//includes.premo.biz/asphalt.css' media='screen' />
<link rel='shortcut icon' href='//images.premo.biz/favicon_asphalt_dp.png' />

<script src='//includes.premo.biz/jquery.php' ></script>
<script src='//includes.premo.biz/c.js' ></script>