Global cursor

Cursor is a Symbol that is used on every single page. Its corresponding animation is Cursor Animation.

All links and buttons contain hover animation named Cursor hover in (selected color) and Cursor cursor hover Out (hover in enlarges the cursor and when hovered out the cursor returns to its normal size).

There are three main cursor animations. Cursor animation, which is animating the the red circle while mouse move in viewport. Rotate circle animation, which guaranties that the circle is spinning in a consistent loop. Square cursor animation, which is animating the yellow square inside the red dashed circle.

Main grid is a symbol, which is overlaying the main layout of the website. To edit the grid, edit the component and set the display to Flex.