Tesseract

I solved it on July 15, 2022. You can try to beat my record on CSSBattle!

366 chars

<body bgcolor=222730><div r></div><div l></div><style>body{margin:0;padding:0}[l]{padding:75;margin:75 0;background:#4CAAB3}[r]{position:absolute;top:25;left:75;padding: 75px;will-change:transform; transform:rotate(45deg);border:50px solid #222730;background:#4CAAB3}[r]:after{position:fixed;top:50;left:50;padding:25;content:'';border-radius:50%;background:#393E46}