@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu-Medium.eot');
    src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
        url('../fonts/Ubuntu-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ubuntu-Medium.woff2') format('woff2'),
        url('../fonts/Ubuntu-Medium.woff') format('woff'),
        url('../fonts/Ubuntu-Medium.ttf') format('truetype'),
        url('../fonts/Ubuntu-Medium.svg#Ubuntu-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu-Light.eot');
    src: local('Ubuntu Light'), local('Ubuntu-Light'),
        url('../fonts/Ubuntu-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ubuntu-Light.woff2') format('woff2'),
        url('../fonts/Ubuntu-Light.woff') format('woff'),
        url('../fonts/Ubuntu-Light.ttf') format('truetype'),
        url('../fonts/Ubuntu-Light.svg#Ubuntu-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

body { background:url(../images/corner.png) no-repeat left top #ede8ef; font-family:Ubuntu; }
div { position:relative; width:1000px; height:700px; margin:0 auto 0 auto; }
p { position:absolute; bottom:280px; left:0; font-weight:300; font-size:66px; color:#5f1fc9; }
span { position:absolute; bottom:300px; left:3px; font-weight:300; font-size:36px; color:#0c89d0; }
span a { font-weight:500; display:inline-block; color:#0c89d0; text-decoration:none; }
img { position:absolute; bottom:0; right:0; width:400px; }