<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2.0">
    <title>Rubik's TimeR</title>
    <style>
        body {width: 600px; margin: 0 auto; background-color: #000000; padding: 0 20px 20px 20px; border: 0px solid white;}
        table { table-layout: fixed; width: 100%; border-collapse: collapse;}
        pre {text-align: center; color: #0b9ef3;} 
        h2 {color: #FF5B2B; margin: 0px 0px 0px 30px; font-family: "Roboto Mono", monospace;} 
        p {margin: 30px 0px 0px 30px; font-size: 18px; font-family: "Roboto Mono", monospace;} 
        ul {margin: 10px 0px 0px 0px; list-style: none; color: #e5ff00; font-size: 16px; font-family: "Roboto Mono", monospace;} 
        div {text-align: center;}
        .play-time {color: #13cf4c;}
        .record-count {color: #e5ff00;}
        .best-score {color: #008cff;}
        .best-time {color: #ff004c;}
        .lowest-score {color: #ff0000;}
        .c1 {color: #f80fe5;}
    </style>
</head>

  <body>
    <div>
    <table>
        <tr>
            <td>
    <pre>
         _____       _     _ _    _       _______ _                _____  
        |  __ \     | |   (_) |  ( )     |__   __(_)              |  __ \ 
        | |__) |   _| |__  _| | _|/ ___     | |   _ _ __ ___   ___| |__) |
        |  _  / | | | '_ \| | |/ / / __|    | |  | | '_ ` _ \ / _ \  _  / 
        | | \ \ |_| | |_) | |   <  \__ \    | |  | | | | | | |  __/ | \ \ 
        |_|  \_\__,_|_.__/|_|_|\_\ |___/    |_|  |_|_| |_| |_|\___|_|  \_\
    </pre>
    