html, body {
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: black;
}

#scene {
    position: relative;
    width: 100vw;
    height: 100vh;
}

#canvas1 {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #202020, #919191);
}

#roadrunner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18vw;
    max-width: 1320px;
    min-width: 1120px;
    transform: translate(-38%, -50%);
    pointer-events: none;
}
#light {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 480px;
    height: auto;
    z-index: 10;
}
#drifter {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18vw;
    max-width: 100%;
    min-width: 50%;
    transform: translate(-70%, -70%);
    pointer-events: none;
}
#dunwannabe {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18vw;
    max-width: 100%;
    min-width: 50%;
    transform: translate(-30%, -5%);
    pointer-events: none;
}