body, html {
    height: 100%;
}

.full {
    text-align: center;
    height: 100%;
    font-size: 0;
    position: relative;
    background: black;
}

.full:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.centered {
    display: inline-block;
    vertical-align: middle;
    width: 400px;
}
.centered h1 {
    font-family: 'Candal', sans-serif;
    color: #39D9F9;
    text-shadow: 0px 0px 45px #007FFF;
    filter: dropshadow(color=#007FFF, offx=0, offy=0);
}
#bubbles {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.surface {
    position: absolute;
    top: -500px;
    width: 100%;
    height: 500px;
    -webkit-border-radius: 99px;
    border-radius: 99px;
    -webkit-box-shadow: 0 15px 99px 0 #39D9F9;
    box-shadow: 0 15px 99px 0 #39D9F9;
    opacity: 0.6;
}
.depth {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    opacity: 0.6;
    background: #002949;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMjk0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDFjMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #002949 0%, #001c34 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002949), color-stop(100%,#001c34));
    background: -webkit-linear-gradient(top,  #002949 0%,#001c34 100%);
    background: -o-linear-gradient(top,  #002949 0%,#001c34 100%);
    background: -ms-linear-gradient(top,  #002949 0%,#001c34 100%);
    background: linear-gradient(to bottom,  #002949 0%,#001c34 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002949', endColorstr='#001c34',GradientType=0 );
    -webkit-box-shadow: 0 -5px 15px 0 #002949;
    box-shadow: 0 -5px 15px 0 #002949;
}