@import url('https: //fonts.googleapis.com/css?family=Poppons: 100,200,300,400,500,600,700,800,900');

* {
	margin:  0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}
body {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	background: #000;
}
.content {
	position: relative;
}
.content h2 {
	position: absolute;
	color:  #fff;
	transform: translate(-50%, -50%);
	font-size: 8em;
}
.content h2:nth-child(1) {
	color: transparent;
	-webkit-text-stroke:  2px #036994;
}
.content h2:nth-child(2) {

	/* background: linear-gradient(135deg, orange 60%, cyan); */
	color: rgba(3, 105, 148, 1.0);
	transition: 0.5s;
	animation: animate 4s ease-in-out infinite;
}
@keyframes animate {
	0%,100% {
		clip-path: polygon(0% 45%, 15% 44%, 32% 50%, 54% 60%, 70% 61%, 87% 59%, 100% 52%, 100% 100%, 0% 100%);
	}

	50% {
		clip-path: polygon(0% 60%, 16% 65%, 34% 66%, 51% 62%, 67% 50%, 84% 45%, 100% 46%, 100% 100%, 0% 100%);
	}	
}

.content h2:nth-child(2):hover {
	transition: 0.5s;
	color: rgba(53, 155, 210, 1.0);
	animation-play-state: paused;
	cursor: pointer;
}