/** 
 * media query break wrapper
 * @param string $width - 768px
 * */
/** 
 * force not allow mouse selection of wrapped text
 * */
.flex {
  display: flex; }

@media screen and (max-width: 768px) {
  .flex {
    display: block; } }

.flex .c1 {
  flex: 1; }

.flex .c2 {
  flex: 2; }

.flex .c3 {
  flex: 3; }

.flex .c4 {
  flex: 4; }

.flex .c5 {
  flex: 5; }

.flex .c6 {
  flex: 6; }

canvas {
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0;
  padding: 0; }

#container {
  height: 882px;
  width: 882px;
  background-size: cover;
  background-color: #060031;
  padding: 0;
  position: relative;
  box-shadow: inset 0px 0px 500px; }
  #container.hidechild canvas {
    display: none; }