*
{
    margin: 0;
    padding: 0;
}
body{
    height: calc(100vh + 1vh);
    width: 100%;
}

.webgl
{
    position: fixed;
    top: 0;
    left: 0;
    outline: none;
    z-index: 10;
}

main{
    position: relative;
    display: flex;
    justify-content: space-around;
    border-radius: 10px;
    background: rgb(14, 13, 13);
    z-index: 100;
}

div {
    color: yellow;

    font-size: 1em;
}

/*!*Text mask*!*/
/*.containerTextMask {*/
/*    position: absolute;*/
/*    -webkit-transform: translate(-50%, -50%);*/
/*    -ms-transform: translate(-50%, -50%);*/
/*    transform: translate(-50%, -50%);*/
/*    left: 50%;*/
/*    top: 50%;*/
/*}*/

/*.title {*/
/*    font-weight: 800;*/
/*    color: transparent;*/
/*    font-size: 120px;*/
/*    !*background: url("../dist/rainbow-nebula.jpg") repeat;*!*/
/*    !*background: url("../static/img/textmask/galaxy.png") repeat 40% 50%;*!*/
/*    -webkit-background-clip: text;*/
/*    position: relative;*/
/*    text-align: center;*/
/*    line-height: 90px;*/
/*    letter-spacing: -8px;*/
/*}*/

/*# sourceMappingURL=main.css.map*/