<!DOCTYPE html>
<html>
  <head>
    <title>My Style Laboratory</title>
    <style>
      body {
        font-family:"Courier New", Monospace, Serif
      }
      {
       background: linear-gradient(#F527B7, ##E80BF4, #a074e2, #3f1a75);
       Min-height: 100vh;
      }
      {
        Color: darkslateblue;
        max-width: 600px;
        margin: 0 auto;
      }
      h1 { color: #3f1a75;
      text-align: center;}
      a{ 
        color: #3f1a75;
      }
      a:hover{
        Background-color: Lavender;
      }
      .intro {
        background-color: lavender;
        color: black;
        border: 2px solid darkslateblue;
        border-radius: 12px;
        padding: 15px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
      }
    </style>
  </head>
  <body>
    <h1>My Style Laboratory</h1>
    <p><div class="intro">This page arrives with exactly one CSS rule: the one painting the background. Time to write your own.</div></p>
    <a href="<a href="https://unvale.io/character/d3a6b4c9-9f87-45ab-a30d-608e8b232b52">My dear Baron on Unvale</a>
  </body>
</html>