Simple Web (Copy 10566)

✨ นายจิรโรจน์ เลิศอัครนานนท์

<html>
  <head>
    <title>64070014 Jiraroth
    </title>
    <style>
      body{
        margin:1em;
        font-family:sans-serif;
        display:flex;
        justify-content:center;
        align-items:center;
        background-color: black;
      }
      h1{
        text-align:absolute;
        font-size: 5vh;
        font-family: 'Bebas Neue';
        color:white;
        z-index: 1;
      }
		.img {
        align-items:center;
        width:100vh;
        z-index: 0;
      }
      .box{
        width:8vw;
        height:5vw;
        background-blend-mode: lighten;
        display:inline-block;
        background-attachment: scroll;
      }
      .box:nth-child(3){
        background:#9f5237;
      }
      .box:nth-child(4){
        background: #332f2c;
      }
      .box:nth-child(5){
        background: #113547;
      }
      .box:nth-child(6){
        background: #131111;
      }

</style>
  </head>
  <body>
    <div>
      <img class='img' src='https://media.discordapp.net/attachments/317865493090533376/935586463502974996/lalaland.png?width=1440&height=560'>
      <h1>LA LA LAND</h1>
      <div class="box">
      </div>
      <div class="box">
      </div>
      <div class="box">
      </div>
      <div class="box">
    </div>
  </body>
</html>