CSS positioning on mobile phones

Hi, i have just started to work on a new website and decided i have to build almost everything in css, because i just like it Smile
Now i am facing a few problems.

i am trying to create a middle circle with some round buttons around the middle circle, so that everything that opens, opens up in the middle page.
First i am not getting this middle circle in the center of the page.
Second, i am not getting these circular buttons

here is the code:

<!DOCTYPE html>
        <meta charset="UTF-8">

Syndicate content