How to make use of Math & Geometry in CSS