* {
    box-sizing:border-box;
}

a {
    color:#ffaaaa;
}

html,
body {
    height:100%;
    -webkit-user-select:none;
        -ms-user-select:none;
            user-select:none;
}

body {
    background-color:#fff;
    margin:0;
    overflow:hidden;
    width:100%;
}

canvas {
    left:0;
    height:100%;
    position:absolute;
    top:0;
    width:100%;
}

.page-title {
    position:absolute;
    top:1em;
    left:50%;
    transform:translateX(-50%);
    font-size:300%;
    color:#333;
    text-align:center;
    z-index:10000;
}

.description {
    position:absolute;
    top:5em;
    left:50%;
    transform:translateX(-50%);
    font-size:150%;
    color:#333;
    z-index:10000;
}

.xr-button {
    background:radial-gradient(circle, rgba(255,255,255,0.9), rgba(200,200,255,0.6));
    border-radius:50%;
    border-style:solid;
    position:absolute;
    bottom:2em;
    font-size:200%;
    left:50%;
    transform:translateX(-50%);
    margin:0;
    padding:1.5em 2em;
    z-index:10000;
}

    .xr-button:hover {
        background:radial-gradient(circle, rgba(255,255,255,0.9), rgba(255,255,255,0.8));
    }