*,:after,:before {
    box-sizing: border-box
}

html {
    height: 100%
}

body {
    font-family: sans-serif;
    margin: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

canvas {
    background: #fff;
    display: block;
    max-width: 100%;
    max-height: 100%;
}

#loader{
    display: flex;
    justify-content: center;
    height: 100vh;
    animation: l1 1s linear infinite alternate;
}

@keyframes l1 {to{opacity: 0}}