Thank - Monokai

by Bunlong Heng

HTML

<!DOCTYPE html>
  <html lang="en">

  <head>

  	<link href="https://fonts.googleapis.com/css?family=Roboto:500" rel="stylesheet">

  	<style type="text/css">

  		body {
  			background-color: #272822;
  		}

  		h1 {
  			font-family: 'Roboto', sans-serif !important;
  			left: 0;
  			line-height: 200px;
  			margin-top: -100px;
  			position: absolute;
  			text-align: center;
  			top: 50%;
  			width: 100%;
  		}


  		span:nth-of-type(1) {
  			color:#AD644C;
  		}
  		span:nth-of-type(2) {
  			color:#B0A95C;
  		}
  		span:nth-of-type(3) {
  			color:#E12668;
  		}
  		span:nth-of-type(4) {
  			color:#61CCE0;
  		}
  		span:nth-of-type(5) {
  			color:#614E81;
  		}
  		span:nth-of-type(6) {
  			color:#97CC2C;
  		}

  		span:nth-of-type(7) {
  			color:white;
  		}


  	</style>

  </head>

  <body>

  	<h1>
  		<span>T</span>
  		<span>h</span>
  		<span>a</span>
  		<span>n</span>
  		<span>k</span>
  		<span>s</span>
  		<span>;</span>
  	</h1>
  	<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
  	<script type="text/javascript">

  		$("h1").css("font-size", $(window).width()/5);

  		$(window).resize(function() {
  			$("h1").css("font-size", $(window).width()/5);

  		});

  	</script>



  </body>

  </html>

CSS

span {
  padding: 0 px !important;
}