html, body {
	height:100%}

body {
	background:rgba(248,248,248,1);
	color:rgba(255,255,255,.5);
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	text-align:center;
	position:relative;
	
	background: linear-gradient(321deg, rgba(255,25,156,1),rgba(80,175,236,1));
	background: linear-gradient(321deg, #2196f3,#f44336);
	background-size: 200% 200%;
	
	-webkit-animation: gradient-move 10s ease infinite;
	   -moz-animation: gradient-move 10s ease infinite;
	     -o-animation: gradient-move 10s ease infinite;
	        animation: gradient-move 10s ease infinite;}

a {
	color:rgba(255,255,255,.5);
	text-decoration:none;
	display:inline-block;
	border-bottom:3px solid transparent}
	
a:hover {
	color:rgba(255,255,255,.75);
	text-decoration:none;
	border-bottom-color:rgba(255,255,255,.75)}	
	
h1,
h1:before,
h1:after {
	position:absolute;
	display:block;
	text-transform:capitalize;
	font-size:180px;
	font-weight:700;
	text-align:left;
	letter-spacing:-.125em;
	line-height:.75;
	height:130px;
	height: 100%;
	width: 100%;}
	
h1:before,
h1:after {
	opacity: .5;
	top:0;
	right:0;
	content:"UXDS";}	
	
h1 {
	top:0;
	right:0;
	left:20px;
	color:rgba(255,255,255,1);
	position:absolute}
	
	h1:before {
		color:rgba(255,255,255,.10);
		color: #f0f;
		z-index:-1}
		
	h1:after {
		color:rgba(255,255,255,.05);
		color: #0ff;
		z-index:-2}
		
h1:hover {
	color:rgba(255,255,255,.5);
	cursor:not-allowed}		

h1:hover:before {
  -webkit-animation: glitch 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite;
     -moz-animation: glitch 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite;
       -o-animation: glitch 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite;
          animation: glitch 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite}
		  
h1:hover:after {
  -webkit-animation: glitch 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite;
     -moz-animation: glitch 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite;
       -o-animation: glitch 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite;  
          animation: glitch 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite}

	h2 {
		font-weight:300;
		text-align:center;
		font-size:27px;
		line-height:1;
		
		position:absolute;
	
		top:160px;
		right:0;
		left:0;
		
		color:rgba(255,255,255,.5)}	
		
		h2 strong {
			font-weight:700}
			
		h3 {
			position:absolute;
			top:20px;
			left:20px;
			font-size:20px}	
		
#wrapper {
	position:absolute;
	top:50%;
	right:50%;
	
	margin:-100px -250px 0 0;
	
	height:200px;
	width:500px}