html website

<!DOCTYPE html>
<html>
    <head>
    <span id="chromeFix"></span>
            <title>FivosM Projects</title>
            <link rel="stylesheet" href="animate.css">
            <script src="//use.edgefonts.net/source-sans-pro:n4.js"></script>
                <style>

                    body {
                        font-family: source-sans-pro, sans-serif;
                        text-align: center;
                    }
                    h1, p, h3 {
                        background: -webkit-linear-gradient(#000000, #000000);
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                    }
a:link, a:visited {
    background-color: #f44336;
    color: blue;
    padding: 3px 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

a:hover, a:active {
    background-color: red;
}
                </style>
    </head>
        <script type="text/javascript" charset="utf-8">

            $(function() { $('body').hide().show(); });
        </script>
  <body>
  <div class = "body animated bounceInDown">
        <h1 class="bounce">My Projects: </h1>
        <h3> Software: </h3>
        <p><b>Pinger:</b> <a href="google.com" target="_blank"> Download </a> &nbsp; <a href="google.com" target="_blank"> Github </a></p>
        <h3> Games: </h3>
        <p><b>HellBlocks:</b> <a href="google.com"> Itch.io page </a></p>
  </div>
  </body>
</html>