HTML/CSSで日向坂46のロゴを描画する

日向坂のロゴとは

これです！

結果

See the Pen eYddvgm by Esaki　Kota (@esafla) on CodePen.

こだわり点

1.角度は46度！

ロゴを作るにあたって調べたところ、三角形の角度はこのようになっているそうなので、これに乗っ取って実装します。

.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 207.10606275811px 200px;
}

三角形の辺の長さから角度を調整したのですが、もっとスマートな方法がありそうです。。。

終わりに

普段cssを適当にやってしまいがちだったので、変な実装になっているかもしれません。
こんなやり方がいいよ！みたいなのがあればコメント待っています！