Make sure circles and squares have the same area

[arrufat]

When just changing the radius, the circles look a bit small. This PR makes the area of all shapes constant for visual harmony.

[jeezrick]

Is scale(1) unnecessary here？BTW, cool change.

li:has(a:active)::before,
.logo:active,
body:has(.logo:active) li::before {
    background: #f43841;
    border-radius: 0%;
    transform: rotate(45deg) scale(1);
}

[ZYR0Z]

Maybe it would also be nice to replace the literal beginnings of pi, with just the pi keyword, as this is now widely supported (MDN Calc-Keyword)

[arrufat]

@jeezrick right, this was a left over of my trials...
@ZYR0Z I've replaced the pi literal with the keyword, didn't know that was supported.
Thank you both!