7/9/2024

Score
600.58
Characters
685
7/9/2024 image
<body>
  <div></div>
  <div class='div2'></div>
  <div class='abs'></div>
</body>
<style>
  body {
    background: #DE817E;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0;
    position: relative;
  }
  div {
    width: 6.25rem;
    height: 6.25rem;
    background: #217E81;
    transform: translateX(1.23rem) rotate(45deg);
    background-blend-mode: luminosity;
  }
  .div2 {
    transform: translateX(-1.26rem) rotate(45deg);
  }
  .abs {
    background: #DE817E;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
    rotate(45deg);
    height: 3.6rem;
    width: 3.6rem;
  }
</style>
https://rua-iri.com/css_battle/7-9-2024/