<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="description" content="Information about the PlayHive Stats bot">
    <meta name="theme-color" content="#FFBB03" />
    <meta name="author" content="PlayHive Stats">
    <style>
        @import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
        body, html {
            font-family: 'Montserrat', sans-serif;
            font-weight: 400;
            margin: 0;
            padding: 0;
        }
        h1, h2, h3, h4, h5, h6, p, a {
            margin: 0;
            color: #FFBB03;
        }
        a {
            text-decoration: none;
        }
        p, span {
            color: #B5B5B5;
        }
        body {
            background: #E5A802;
            background: -moz-linear-gradient(45deg, #E5A802 0%, #FFC11C 100%);
            background: -webkit-linear-gradient(45deg, #E5A802 0%, #FFC11C 100%);
            background: linear-gradient(45deg, #E5A802 0%, #FFC11C 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#18a779', endColorstr='#78f2a1', GradientType=1);
            background-repeat: no-repeat;
            background-attachment: fixed;
            overflow: hidden;
        }
        #header {
            font-size: 3.6em;
            font-weight: 700;
            letter-spacing: 0.109em;
        }
        .sub-header {
            font-size: 1.2em;
            letter-spacing: .110em;
        }
        main {
            background-color: white;
            margin: 1em;
            border-radius: 12px;
            padding: 1.5em;
            box-shadow: 3px 3px 20px rgba(0, 0, 0, .2);
    		display: grid;
   			grid-template-rows: 17vh 20vh auto;
        }
        @media only screen and (min-width: 768px) {
            main {
                margin: 3.5em;
                padding: 2.5em;
            }
        }
        @keyframes navIn {
            0% {
                transform: translateX(-20%);
                opacity: 0;
            }
            100% {
                transform: translateX(0);
                opacity: 1;
            }
        }
        @keyframes navOut {
            0% {
                transform: translateX(0);
                opacity: 1;
            }
            100% {
                transform: translateX(-20%);
                opacity: 0;
            }
        }
        @media only screen and (min-width: 768px) {
            main {
                background-size: 45%,
                60%;
                grid-template-rows: 25vh 150px auto;
            }
        }

        @media only screen and (min-width: 1152px) {
            main {
                background-size: 35%,
                50%;
            }
        }
    </style>
</head>
<body>
<main>
    <div>
        <h1 id="header">About</h1>
        <p class="sub-header">PlayHive Stats is a Discord Bot made with the <a
                href="https://discord.js.org" target="_blank">discord.js</a> library, and brings real time PlayHive stats to your
            Discord server. PlayHive Stats is not affiliated with HiveMC.</p>
    </div>
</main>

<script src="../js/main.js"></script>
</body>
</html>

Voting for PlayHive Stats

Do you want to support us?