html {
  overflow: hidden;
  height: 100%; }

body {
  height: 100%;
  overflow: auto; }

body {
  font-family: "Roboto";
  background-color: #333333;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23272727' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  color: white;
  text-align: center; }
  body a {
    color: white;
    text-decoration: none; }
  body .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%; }
    body .container h1 {
      font-family: "Lato";
      margin-left: auto;
      margin-right: auto;
      font-size: 1.5em;
      width: 80vw;
      /*max-width: 450px;*/
      font-style: italic;
      letter-spacing: 10px;
      margin-top: 8px; }
      @media screen and (max-width: 690px) {
        body .container h1 {
          font-size: 1em;
          letter-spacing: 2px; } }
    body .container .coming-soon {
      font-size: 3em;
      font-family: "Lato";
      margin-left: auto;
      margin-right: auto;
      margin-top: 80px;
      width: 90vw;
      max-width: 290px; }
      @media only screen and (max-height: 630px) {
        body .container .coming-soon {
          font-size: 2em;
          margin-top: 10px;
          margin-bottom: 10px; } }
    body .container .contact-us {
      font-size: 1.3em;
      margin-left: auto;
      margin-right: auto;
      width: 100vw;
      max-width: 340px; }
      body .container .contact-us span {
        color: #ea1b66; }
      @media screen and (max-width: 690px) {
        body .container .contact-us {
          font-size: 1em; } }

.bracket {
  height: 50px;
  width: 80%;
  position: absolute;
  left: 10%;
  background-color: #ea1b66; }
  .bracket.bottom {
    bottom: 0px; }
    @media screen and (max-height: 320px) {
      .bracket.bottom {
        top: 10%;
        right: 0px;
        left: unset; } }
  .bracket.top {
    top: 0px; }
    @media screen and (max-height: 320px) {
      .bracket.top {
        top: 10%;
        left: 0px; } }
  @media screen and (max-width: 690px) {
    .bracket {
      height: 30px; } }
  @media screen and (max-height: 630px) {
    .bracket {
      height: 10px; } }
  @media screen and (max-height: 320px) {
    .bracket {
      height: 80%;
      width: 20px; } }

.logo {
  height: 20vw;
  max-height: 220px;
  font-size: 0px; }
  @media only screen and (max-height: 630px) {
    .logo {
      height: 15vw; } }
  .logo .robotto {
    height: inherit;
    max-height: inherit; }
    .logo .robotto > * {
      fill: #ea1b66; }
    .logo .robotto > circle {
      transform: scaleY(1);
      transform-box: fill-box;
      transform-origin: center; }
  .logo .text {
    height: inherit;
    max-height: inherit; }
    .logo .text > * {
      fill: white; }

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