lillie page

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>lillie page</title>
    <link rel="shortcut icon" href="favicon url">

    <style type="text/css">

      body {
        background:#fff;
        background-image:url('url here');
        background-attachment:fixed;
        font-size:14px;
        font-family:monospace;
        color:#000;
      }

      a {
        color:#000;
        text-decoration:underline;
        -moz-transition-duration: 0.5s;
	      -o-transition-duration: 0.5s;
	      -webkit-transition-duration: 0.5s;
	      transition-duration: 0.5s;
      }

      a:hover {
        color:#000;
        background:red;
        -moz-transition-duration: 0.5s;
	      -o-transition-duration: 0.5s;
	      -webkit-transition-duration: 0.5s;
	      transition-duration: 0.5s;
      }

      .container {
        width:1000px;
        margin-left:auto;
        margin-right:auto;
        overflow:hidden;
        text-align:center;
      }

      .title {
        font-size:24px;
        color:red;
        text-transform:uppercase;
        text-shadow:0 0 3px red;
        width:400px;
        margin:15px auto;
      }

      .imgbox {
        width:400px;
        height:200px;
        margin:15px auto 15px auto;
        text-align:center;
        position:relative;
      }

      .descbox {
        width:400px;
        height:250px;
        margin:0 auto;
        background:red;
        border:7px dotted #000;
      }

    </style>
  </head>
  <body>
    <div class="container">
      <div class="title">lillie page</div>
      <div class="imgbox">
        <img src="https://i.gyazo.com/9e174e6957660efac6e273a27bead9b5.png" height="200px" width="400px">
      </div>
      <div class="descbox">
        <p>description here</p>
      </div>
    </div>
  </body>
</html>