html, body { height: 100%; margin: 0; }
body { background: #fff; }
#wrapper { position: relative; height: 100%; }
#dots { height: 200px; width: 200px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#dot-1 { fill:#4285F4; }
#dot-2 { fill:#34A853; }
#dot-3 { fill:#FBBC05; }
#dot-4 { fill:#EA4335; }
path { fill:none; stroke: none; stroke-miterlimit:10; }