/**
 * ///////////////////////////////////// COPYRIGHT © 2004/2020 IROÏD
 * ///////////////////////////////////////////// ALL RIGHTS RESERVED
 * ////// LICENSED UNDER THE IROÏD LICENSE VERSION 1.0 [THE LICENSE]
 * ////// DO NOT USE THIS FILE EXCEPT IN COMPLIANCE WITH THE LICENSE
 */
@charset "UTF-8";
@-webkit-keyframes typing {
  from {
    width: 0; }
  to {
    width: 58vw; } }
@-moz-keyframes typing {
  from {
    width: 0; }
  to {
    width: 58vw; } }
@-ms-keyframes typing {
  from {
    width: 0; }
  to {
    width: 58vw; } }
@keyframes typing {
  from {
    width: 0; }
  to {
    width: 58vw; } }
@-webkit-keyframes blink-caret {
  from, to {
    color: transparent; }
  50% {
    color: chartreuse; } }
@-moz-keyframes blink-caret {
  from, to {
    color: transparent; }
  50% {
    color: chartreuse; } }
@-ms-keyframes blink-caret {
  from, to {
    color: transparent; }
  50% {
    color: chartreuse; } }
@keyframes blink-caret {
  from, to {
    color: transparent; }
  50% {
    color: chartreuse; } }
@-webkit-keyframes start {
  from, to {
    width: 0; } }
@-moz-keyframes start {
  from, to {
    width: 0; } }
@-ms-keyframes start {
  from, to {
    width: 0; } }
@keyframes start {
  from, to {
    width: 0; } }
body {
  background: #111;
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif; }

section {
  position: absolute;
  top: 48%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%); }

.test:after {
  content: "Ï"; }

h1 {
  font-size: 4.2vw;
  letter-spacing: 1.2vw;
  white-space: nowrap;
  overflow: hidden;
  color: white;
  /* # of steps = # of characters */
  animation: 2s start 0s, 2s steps(14, end) 2s typing;
  -moz-animation: 2s start 0s, 2s steps(14, end) 2s typing;
  -ms-animation: 2s start 0s, 2s steps(14, end) 2s typing;
  -webkit-animation: 2s start 0s, 2s steps(14, end) 2s typing; }
  h1:after {
    content: "_";
    animation: blink-caret 2s step-end infinite;
    -moz-animation: blink-caret 2s step-end infinite;
    -ms-animation: blink-caret 2s step-end infinite;
    -webkit-animation: blink-caret 2s step-end infinite; }

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