바우하우스

<div class="canvas" id="canvas">
  <div class="shape circle"></div>
  <div class="shape triangle"></div>
  <div class="shape square"></div>
  <div class="line"></div>
</div>

body{background:#f2ede3}
.canvas{position:relative;width:min(80%,260px);aspect-ratio:1}
.shape{position:absolute}
.circle{width:44%;height:44%;left:6%;top:8%;border-radius:50%;background:#e6402c;
  animation:spin 12s linear infinite}
.triangle{left:44%;top:6%;width:0;height:0;border-left:23% solid transparent;border-right:23% solid transparent;
  border-bottom:40% solid #2255c7;animation:spin 12s linear infinite reverse}
.square{left:38%;top:46%;width:38%;height:38%;background:#f4c515;
  animation:spin 16s linear infinite}
.line{position:absolute;left:4%;bottom:10%;width:60%;height:6px;background:#111}
@keyframes spin{to{transform:rotate(360deg)}}