@font-face
{
    font-family: "open sans";
    src: url("opensans-reg.ttf");
    font-weight: normal;
}

html
{
    height: 100%;
    font-family: "open sans";
}

body
{
	height: 100%;
    background: rgba(142,191,242,1);
    background: -moz-linear-gradient(top, rgba(142,191,242,1) 0%, rgba(224,240,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(142,191,242,1)), color-stop(100%, rgba(224,240,255,1)));
    background: -webkit-linear-gradient(top, rgba(142,191,242,1) 0%, rgba(224,240,255,1) 100%);
    background: -o-linear-gradient(top, rgba(142,191,242,1) 0%, rgba(224,240,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(142,191,242,1) 0%, rgba(224,240,255,1) 100%);
    background: linear-gradient(to bottom, rgba(142,191,242,1) 0%, rgba(224,240,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ebff2', endColorstr='#e0f0ff', GradientType=0 );

    margin: 0;
    padding: 0;
}

.center
{
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}

h1
{
    margin: 0 auto;
    color: #F00;
    font-size: 9rem;
    z-index: 2;
}

#pic
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url("body.png");
    background-repeat: no-repeat;
    background-position: center center;
    filter: blur(5px);
}