<!DOCTYPE html>
<html lang="en">
<head>
<title>β–‘β–’β–“β–ˆ πŸ…ΆπŸ…΄πŸ…½πŸ…΄πŸ†πŸ…ΈπŸ…² πŸ†…πŸ…°πŸ…ΏπŸ…ΎπŸ†πŸ††πŸ…°πŸ†…πŸ…΄ πŸ…»πŸ…°πŸ…½πŸ…³πŸ†‚πŸ…²πŸ…°πŸ…ΏπŸ…΄ β–ˆβ–“β–’β–‘</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="landscape.css">
</head>
<body>

<div class="landscape">
  <div class="sun"></div>
  <div class="stars">
    <span class="star large" style="left: 13%; top: 5px"></span>
    <span class="star large" style="left: 14%; top: 300px"></span>
    <span class="star large" style="left: 17%; top: 185px"></span>
    <span class="star large" style="left: 17%; top: 253px"></span>
    <span class="star large" style="left: 22%; top: 121px"></span>
    <span class="star large" style="left: 40%; top: 12px"></span>
    <span class="star large" style="left: 50%; top: 52px"></span>
    <span class="star large" style="left: 55%; top: 117px"></span>
    <span class="star large" style="left: 65%; top: 108px"></span>
    <span class="star large" style="left: 67%; top: 66px"></span>
    <span class="star large" style="left: 71%; top: 110px"></span>
    <span class="star large" style="left: 71%; top: 20px"></span>
    <span class="star large" style="left: 80%; top: 121px"></span>
    <span class="star large" style="left: 91%; top: 265px"></span>
    <span class="star large" style="left: 91%; top: 83px"></span>
    <span class="star" style="left: 11%; top: 231px"></span>
    <span class="star" style="left: 11%; top: 46px"></span>
    <span class="star" style="left: 12%; top: 315px"></span>
    <span class="star" style="left: 12%; top: 44px"></span>
    <span class="star" style="left: 14%; top: 15px"></span>
    <span class="star" style="left: 14%; top: 189px"></span>
    <span class="star" style="left: 15%; top: 139px"></span>
    <span class="star" style="left: 15%; top: 25px"></span>
    <span class="star" style="left: 19%; top: 244px"></span>
    <span class="star" style="left: 20%; top: 65px"></span>
    <span class="star" style="left: 29%; top: 184px"></span>
    <span class="star" style="left: 30%; top: 40px"></span>
    <span class="star" style="left: 32%; top: 133px"></span>
    <span class="star" style="left: 33%; top: 188px"></span>
    <span class="star" style="left: 35%; top: 56px"></span>
    <span class="star" style="left: 3%; top: 210px"></span>
    <span class="star" style="left: 3%; top: 29px"></span>
    <span class="star" style="left: 44%; top: 125px"></span>
    <span class="star" style="left: 46%; top: 125px"></span>
    <span class="star" style="left: 4%; top: 361px"></span>
    <span class="star" style="left: 52%; top: 18px"></span>
    <span class="star" style="left: 52%; top: 7px"></span>
    <span class="star" style="left: 55%; top: 88px"></span>
    <span class="star" style="left: 5%; top: 32px"></span>
    <span class="star" style="left: 66%; top: 103px"></span>
    <span class="star" style="left: 6%; top: 252px"></span>
    <span class="star" style="left: 70%; top: 46px"></span>
    <span class="star" style="left: 71%; top: 98px"></span>
    <span class="star" style="left: 74%; top: 62px"></span>
    <span class="star" style="left: 77%; top: 82px"></span>
    <span class="star" style="left: 78%; top: 235px"></span>
    <span class="star" style="left: 78%; top: 266px"></span>
    <span class="star" style="left: 80%; top: 123px"></span>
    <span class="star" style="left: 81%; top: 274px"></span>
    <span class="star" style="left: 82%; top: 253px"></span>
    <span class="star" style="left: 86%; top: 194px"></span>
    <span class="star" style="left: 86%; top: 81px"></span>
    <span class="star" style="left: 88%; top: 264px"></span>
    <span class="star" style="left: 88%; top: 26px"></span>
    <span class="star" style="left: 90%; top: 109px"></span>
    <span class="star" style="left: 92%; top: 130px"></span>
    <span class="star" style="left: 93%; top: 288px"></span>
    <span class="star" style="left: 95%; top: 197px"></span>
    <span class="star" style="left: 95%; top: 331px"></span>
    <span class="star" style="left: 97%; top: 336px"></span>
  </div><!-- stars -->

  <div class="mountain-container background">
    <div class="mountain size200"></div>
    <div class="mountain size200"></div>
    <div class="mountain size200"></div>
    <div class="mountain"></div>
    <div class="mountain size100"></div>
  </div>

  <div class="mountain-container background flipped">
    <div class="mountain size200"></div>
    <div class="mountain size200"></div>
    <div class="mountain size200"></div>
    <div class="mountain"></div>
    <div class="mountain size100"></div>
  </div>

  <div class="mountain-container">
    <div class="mountain size200 right"></div>
    <div class="mountain"></div>
    <div class="mountain size200 right"></div>
    <div class="mountain size200"></div>
    <div class="mountain"></div>
    <div class="mountain left"></div>
    <div class="mountain size100"></div>
    <div class="mountain size100 left"></div>
  </div>
  <div class="mountain-container flipped">
    <div class="mountain size200 right"></div>
    <div class="mountain"></div>
    <div class="mountain size200 right"></div>
    <div class="mountain size200"></div>
    <div class="mountain"></div>
    <div class="mountain left"></div>
    <div class="mountain size100"></div>
    <div class="mountain size100 left"></div>
  </div>

  <div class="grid">
    <div class="lines glow"></div>
    <div class="lines"></div>
  </div>
  <div class="scanlines"></div>
</div><!-- landscape -->

</body>
</html>