body{background-color:#000000; color:#b0b0b0; font-family:"Arial"; font-size:100%; line-height:1.4;}
header{padding:48px 10px 0;}
hr, h1, h2{display:none;}
h3{font-size:100%; color:#ffffff; font-weight:bold; padding:0 0 0 16px;}
div, p, ul {margin:0; padding:0;}
ul{list-style-type:none;}
img{max-width:100%; margin:auto;}
a, a:visited, a:hover, a:active{color:inherit; text-decoration:none;}

/*GENERAL STUFF*/

.center{text-align:center;}
.realwhite{color:#ffffff;}
.realgray{color:#404040;}

.hyper-data a:link{color:#ffffff; border-bottom:1px dotted #404040;}
.hyper-data a:hover{border-bottom:1px dotted #00ff00;}

a.realred:link{color:#ff0000; border-bottom:1px dotted #800000;}
a.realred:hover{color:#ffffff; border-bottom:1px dotted #ff0000;}
a.realgreen:link{color:#00ff00; border-bottom:1px dotted #004000;}
a.realgreen:hover{color:#ffffff; border-bottom:1px dotted #00ff00;}

/* CONTAINERS */

.hyper-wrapper{background-image: url(pipe1.png), url(pipe4.png), url(pipe2.png), url(pipe3.png), url(bg.png); background-position: center top, bottom center, left center, right center, center bottom; background-repeat: no-repeat, no-repeat, repeat-y, repeat-y, repeat; background-color: #000000; width:784px; margin:32px auto 64px; padding:0 5px 32px;}

.hyper-data-top, .hyper-download-top, .hyper-credits-top{width:683px; height:31px; background-position: center top; background-repeat: no-repeat; margin:0 auto;}
.hyper-data-top{background-image:url(section-pipe-data.png);}
.hyper-download-top{background-image:url(section-pipe-download.png);}
.hyper-credits-top{background-image:url(section-pipe-credits.png);}

.hyper-data, .hyper-download, .hyper-credits{background-color:#000000; background-image: url(section-pipe3.png), url(section-pipe2.png), url(section-pipe1.png); background-position: bottom center, right center, left center; background-repeat: no-repeat, repeat-y, repeat-y; width:683px; margin:0 auto 64px; padding:32px 0; box-shadow: 0 32px 16px -16px #000000;}

.hyper-screenshots-wrapper{padding:0 78px 0;}
.hyper-screenshots-wrapper img{border:1px solid #400000;}

.hyper-credits--wrapper{display:grid; grid-template-columns:1fr 1.2fr 1.2fr 1.2fr; grid-gap:8px; grid-template-areas:"credits1 credits2 credits3 credits4"; margin:0 16px; font-size:80%; line-height:1.8;}
.hyper-credits--assembly{grid-area: credits1;}
.hyper-credits--troubleshooting{grid-area: credits2;}
.hyper-credits--betatesting{grid-area: credits3;}
.hyper-credits--specialthanks{grid-area: credits4;}

/* LISTS */

.hyper-data ul{text-align:center; padding:32px 0;}
.hyper-data li{padding:4px 0;}
.hyper-data li:hover{color:#ffffff;}
.hyper-data li::before{content: "\2022\00a0"; color:#404040;}
.hyper-data li::after{content: "\00a0\2022"; color:#404040;}
.hyper-data li:hover::before, .hyper-data li:hover::after{color:#ff0000;}

.hyper-credits ul{padding:0 0 0 16px;}
.hyper-credits--troubleshooting ul, .hyper-credits--betatesting ul, .hyper-credits--specialthanks ul{border-left:1px solid #101010;}

.hyper-download ul{font-family:"Courier New",monospace; font-size:200%; padding:0 24%; margin:0 auto;}

/* ETC. */

.hyper-data .p1{padding:0 70px 32px;}
.hyper-data .p2{padding:0 0 32px; margin:0 64px 32px; color:#ff0000; border-bottom:1px dotted #202020;}

.hyper-credits .p1{padding-bottom: 16px;}
.hyper-credits .p2{padding:16px 0 32px; border-bottom:1px dotted #202020; margin:0 64px 16px;}

.dl{display:block; color:#ffffff; background:#101010 url(dlbullet.png); background-repeat:no-repeat; background-position:16px center; border:2px solid #202020; border-radius:8px; padding:16px 16px 16px 76px; margin:0 0 24px 0; transition:0.1s; filter:saturate(0%); text-transform:lowercase; font-weight:normal;}

.dl:hover{color:#ffff00; background:#602000 url(dlbullet.png); background-repeat:no-repeat; background-position:16px center; border:2px solid #ffff00; padding:16px 16px 16px 96px; cursor:pointer; filter:saturate(100%); text-transform:uppercase; font-weight:bold;}