Warning Page

<!DOCTYPE html>
<html>
  <title>WARNING!</title>

<!--As you're probably viewing this on a PC, please ignore the '.DS_Store' file and any othes like it, as
  they're simply part of OS X (They tell the OS what's in that folder, normally they're hidden but programs
  such as Atom and viewing it on a PC can still pick it up). See? I'm already teaching you things about
  Apple and you haven't even seen the actual site yet...-->

<style>
@import 'https://fonts.googleapis.com/css?family=Roboto';
  body{
    background-image: url("Warning Page Background.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    height: 100%;
    width:auto;
    position: absolute;
    top:0;
    left:0;
    overflow:hidden;
    background-color: black;
  }
  .content {
     width: 100%;
     position: absolute;
     top:50%;
     text-align:center;
  }
</style>

<!--DON'T TOUCH THE 'TEXT-ALIGN's!!!!!!! This one expecially is magic and fixed itself-->
<body>
  <h1 style="border: thick solid red; background-color: rgba(0,0,0,0.8); color:red;font-size:300%;text-align:center;font-family: 'Roboto', sans-serif;">WARNING! This site contains extreme and complex Apple knowledge and history! Enter at your own risk!</h1>
<div class="content">
  <a href="Homepage.htm" style="padding: 5px; border: medium solid red; background-color: rgba(0,0,0,0.7); text-decoration: none; color: red; font-size:180%;font-family: 'Roboto', sans-serif;">I understand and wish to continue</a>
</div>
</body>

<!--
                       .
                    `...
                   .....
                  .....`
                  .....
                 .....
                 ....
                 ...
         ....`        `....
       ..........``..........
     `........................
    `..........................
    ..........................
   `.........................
   .........................
   .........................
   ........................`
  `........................
  `........................
  `........................`
  `.........................
   .........................
   ..........................
   ...........................
   ............................
    ............................
    ............................
    `..........................
     ..........................
      ........................
      .......................`
       ......................
        ....................
         ......     `.....`
       -->
</html>