@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,600,700&display=swap');


abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
body div,
caption,
cite,
code,
dd,
del,
dfn,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

html, body {
    margin: 0;
    
}

#threeCanvas {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

#insideText {
    position: absolute;
    width: 100%;

}   

body {
    font-family: 'Quicksand', sans-serif;
    background-color: #111;
    color: #FFF;
}

 #coming-soon {
    position: absolute;
    bottom: 15%;
    left: 25%
    width: 24em;
    color: #FFF;
    font-size: 2em;
}

.left {
    float: left;
    width: 50%;
    text-align: left;
}

.right {
    float: right;
    width: 50%;
    text-align: right;
}


/* .loel {
    fill: transparent;
    opacity: 50%;
    stroke-dasharray: 700;
    stroke-dashoffset: 700;
    animation: dash 1s linear 1s forwards;
  }
  @keyframes dash {
    50% {
      fill: white;
    }
  }
  */