<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>MetaMask Loading</title> <style> #div-logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } #logo { width: 256px; animation: pulse 1s ease-in-out infinite; } @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.5; transform: scale(0.95, 0.95); } 100% { opacity: 1; } } </style> </head> <body> <div id="div-logo"> <img id="logo" src="./images/enslogo.svg"> <h1 class="center">MetaMask is querying ENS ...</h1> </div> </body> </html>