#60 - Evil Triangles.html

<p a>
<p b>
<p c>
<p d>
  <style>
    [a] {
      border: 50px solid#0000;
      border-top-color: #4f77ff;
      --: 75+100;
      -webkit-box-reflect: right
    }

    [b],
    [c] {
      --p: 35;
      --g: #0000;
      border: solid#4f77ff;
      border-width: 0 0 35px 35px;
      transform: rotate(-45deg);
      --: 98
    }

    [c] {
      --: 98+198
    }

    [d] {
      --p: 70+15;
      --: 70;
      -webkit-box-reflect: right 53mm
    }

    * {
      margin: var(--);
      padding: var(--p);
      position: fixed;
      background: var(--g, #191919