<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:400,400i,700">

</head>
<div class="dipl">

    <table style="width:100%; height:60vh; background:#fff;">
        <tbody>
            <tr>
                <td valign="middle" align="center">
                <div class="container">

                <h1 class="typewriter">Under Construction!</h1>
                
                </div>
                </td>
            </tr>
        </tbody>
    </table>

</div>

</html>


<style>
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  font-size: clamp(2rem, 2.8vw, 5rem);
  font-family: Poppins;
  font-size:14vw;
  font-weight: bold;
}

.typewriter {
	width: 21.5ch;
	white-space: nowrap;
	overflow: hidden;
	border-right: 4px solid #212121;
	animation: cursor 1s step-start infinite, 
    text 5s steps(18) alternate infinite;
}
h1{font-size:3.5rem; }

@keyframes cursor {
	0%, 100% { 
    border-color: #212121; 
  }
}

@keyframes text {
	0% { 
    width: 0; 
  }
	100% { 
    width: 21.5ch; 
  }
}</style>