* {
    user-select: none;
    -webkit-tap-highlight-color: rgb(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    margin: 0;
    padding: 0;
}

html,
body {
    width: 100%;
    height: 100%;
}

canvas {
    display: block;
}

body {
    overflow: hidden;
    padding: 0;
    margin: 0;
    background: #01a8fe;
    background: -moz-linear-gradient(top, #01a8fe 0%, #5fdfff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #01a8fe), color-stop(100%, #5fdfff));
    background: -webkit-linear-gradient(top, #01a8fe 0%, #5fdfff 100%);
    background: -o-linear-gradient(top, #01a8fe 0%, #5fdfff 100%);
    background: -ms-linear-gradient(top, #01a8fe 0%, #5fdfff 100%);
    background: linear-gradient(to bottom, #01a8fe 0%, #5fdfff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a8fe', endColorstr='#5fdfff', GradientType=0);
}

#logo {
    border: none;
    width: 300px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -150px 0 0 -150px;
}