Karloleary.com

html, body { height: 100%; } body { background: #000; padding: 0; margin: 0; } main { font-family: 'Avenir', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; height: 100%; } article { position: absolute; top: calc(50% - 11em); text-align: center; width: 100%; } figure { text-align: center; } figcaption { color: #fff; margin: 1em 0; line-height: 200%; font-weight: 700; text-transform: uppercase; } figcaption span { padding: 0 0.25em; } figcaption span:first-child { font-size: 1.4em; letter-spacing: 0.1em; } figcaption span:last-child { font-size: 1.125em; display: block; letter-spacing: 0.3em; color: #666; } svg { box-shadow: 0px 0px 40px #444; border-radius: 2em; height: 10em; z-index: 100; opacity: 1; margin: 0 auto; } .background { fill: #ccc; } .left, .center, .right { fill: transparent; } p, a { color: #444; }

Karl O'Leary Programmer

This site doesn't work at all without JavaScript enabled.
Please enable it to continue.