Untitled

<html>
    <head>
        <title>Hello World - Brenden Inmon</title>
    <link href="https://fonts.googleapis.com/css?family=Montserrat|Satisfy&display=swap" rel="stylesheet">
    <style>
        .helloworld {
            color: #707070;
            font-size: 80px;
            font-family: 'Montserrat', sans-serif;
            transition: ease-in-out 0.3s;
        }

        .helloworld:hover {
            color: limegreen;
            transition: ease-in-out 0.3s;
        }

        body {
            background-color: #141414;
        }

        .signed {
            color: #707070;
            font-size: 60px;
            font-family: 'Satisfy', cursive;
            transition: ease-in-out 0.3s;
        }

        .signed:hover {
            color: yellow;
            transition: ease-in-out 0.3s;
        }

        .logo1 {
            position: absolute;
            top: 130px;
            right: 560;
            width: 200px;
            height: 100px;
            filter: grayscale(100%);
            transition: ease-in-out 0.3s;
        }

        .logo1:hover {
            filter: grayscale(0%);
            transition: ease-in-out 0.3s;
        }

        .logo2 {
            position: absolute;
            top: 130px;
            right: 1075;
            width: 200px;
            height: 100px;
            filter: grayscale(100%);
            transition: ease-in-out 0.3s;
        }

        .logo2:hover {
            filter: grayscale(0%);
            transition: ease-in-out 0.3s;
        }

        .earth {
            filter: grayscale(100%);
            transition: ease-in-out 0.3s;
        }

        .earth:hover {
            filter: grayscale(0%);
            transition: ease-in-out 0.3s;
        }

        h1 {
            color: #707070;
            text-size: 50px;
            font-family: 'Montserrat', sans-serif;
        }
    </style>
    </head>
    <body>
    <center><div class="helloworld">Hello World - Signed</div></center>
    <center><div class="signed">Brenden Inmon</div></center>
    <center><div class="logo2"><img src="https://i.ibb.co/5LtwF7Y/B.gif" height="30" width="30" alt="logo"></div></center>
    <center><div class="logo1"><img src="https://i.ibb.co/5LtwF7Y/B.gif" height="30" width="30" alt="logo"></div></center>
    <center><div class="earth"><img src="http://bestanimations.com/Earth&Space/Earth/earth-spinning-rotating-animation-21-2.gif" height="300" width="300" alt="earth"></div></center>
    <center><h1>Hover for a Surprise!</h1></center>
    </body>
</html>