<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Amazing Interiors</title>
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="">

  </head>
  <body class="background">
    <h1><span class="aqua">Amazing</span> <span class="pink">Interiors</span></h1>
  </body>
</html>

body {
        font-family: 'Barlow Condensed', Impact, Arial, sans-serif;
        text-align: center;
        margin: 0 auto;
      }

      .background {
        background-color: white;
        background-image: radial-gradient(lightgrey 10%, transparent 5%),
          radial-gradient(lightgrey 10%, transparent 5%);
        background-size: 20px 20px;
        background-position: 0 0, 20px 20px;
      }

      h1 {
        font-size: 200px;
        -webkit-text-fill-color: whitesmoke; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: darkgrey;
        text-transform: uppercase;
        line-height: 80%;
      }

      .aqua {
        text-shadow: 2px 2px white, 8px 10px aqua;
      }

      .pink {
        text-shadow: 2px 2px white, 8px 10px hotpink;
      }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.