main.css

@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);.wrapper-inner,.wrapper:before{display:inline-block;vertical-align:middle}.wrapper-inner:before,.wrapper:after,.wrapper:before{content:''}.triangle-pattern,.wrapper{background-position:center}.wrapper{direction:rtl;position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(http://www.tayloredwebs.co.uk/wp-content/uploads/2016/06/web-design-and-graphic-design-wallpapers.jpg);background-size:cover;color:#fff;text-align:center;text-rendering:optimizeLegibility}.wrapper:before{height:100%}.wrapper:after{position:fixed;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(255,255,255,.2)}.wrapper-inner{position:relative;z-index:2;margin-top:-4%;max-width:80%}.wrapper-inner:before{display:block;position:absolute;width:337px;height:337px;left:50%;top:50%;margin-left:-168px;margin-top:-168px;background-image:url(circle-red.png);background-size:100%}.triangle-pattern{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(triangles.png);background-size:cover;opacity:.03}.byline,.name{position:relative;z-index:2;font-weight:300}.name{font-size:25px;line-height:1.8;font-family:"Droid Arabic Naskh";margin-bottom:0;margin-top:28px}.byline{margin-top:2px;font-family:"Segoe UI";font-size:14px;line-height:2.2}@media (max-width:600px){.name{font-size:20px}}@media (max-width:400px){.name{margin-top:20px;font-size:24px}.byline{font-size:12px}.wrapper-inner{margin-top:-20%}.wrapper-inner:before{width:200px;height:200px;margin-left:-100px;margin-top:-100px}}