JSFiddle - React, Tailwind, and code Playground

HTML

<html>

<h1>
<div id = "firstbutton">
<a href="http://google.com" class="GClass">GOOGLE</a>

    </div>



    <div id = "forumbutton">
        <a href="http://www.google.com" class="FClass">Forum</a>

    </div>

</h1>




<body>


    <audio src="goingdown.mp3" autoplay></audio>

    <style type="text/css">
   body {

    background-image: url('spacewallpaper.jpg');

}
    </style>

</body>
</html>

CSS

.GClass a {
            color: rgb(255,255,255);
            font-size: 60;
            font-family: Arial;
            text-decoration: none;
            position: fixed;
            top: 50%;
            left: 50%;
            margin-top: -85px;
            margin-left: -145px;
        }
.FClass  a{
            color: rgb(255,255,255);
            font-size: 30;
            font-family: Calibri;
            position: fixed;
            text-decoration: none;
            top: 50%;
            left: 50%;
            margin-top: 260px;
            margin-left: -45px;
        }