@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700');
html {
  background:#111111 !important;
}

html, body{
  height: 100%;
  margin:0px;
  padding: 0px;
}
#particles-js{
  width: 100%;
  height: 100%;
  background: #111111;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto Slab', serif !important;
color: #f9f9f9 !important;
}

#fragment2
{
  margin-top:-20px;
}
#fragment1
{
  width: 25em;
		    white-space:nowrap;
		    overflow:hidden;
		    -webkit-animation: frag1type 20s steps(50, end) 0s infinite;
		    animation: frag1type 20s steps(50, end) 0s infinite;
}
@keyframes frag1type{

		    from { width: 0;}
		    37%{width:25em;}
		    49%{width:0;}
		    100%{width:0;}
		}

		@-webkit-keyframes frag1type{
		    from { width: 0;}
		    37%{width:25em;}
		    49%{width:0;}
		    100%{width:0;}
		}
#fragment2
{
  opacity: 0;
			width: 25em;
		    white-space:nowrap;
		    overflow:hidden;
		    -webkit-animation: frag2type 20s steps(50, end) 10s infinite;

		    animation: frag2type 20s steps(50, end) 10s infinite;
}
@keyframes frag2type{

		    from { width: 0; opacity:1; }
		    37%{width:25em;opacity:1; }
		    49%{width:0;opacity:1; }
		    100%{width:0;opacity:1; }
		}

		@-webkit-keyframes frag2type{
		    from { width: 0; opacity:1; }
		    37%{width:25em;opacity:1; }
		    49%{width:0;opacity:1; }
		    100%{width:0;opacity:1; }
		}