@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');


		body {
			background-color: #4d4d4d;
		}
		svg {
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -250px;
			margin-left: -400px;
		}

		.message-box {
			height: 200px;
			width: 380px;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -100px;
			margin-left: 50px;
			color: #FFF;
			font-family: 'Roboto';
			font-weight: 300;
			font-size: 20px;
		}

		.message-box h1 {
			font-size: 80px;
			line-height: 46px;
			margin-bottom: 40px;
		}

		.buttons-con .action-link-wrap {
			margin-top: 40px;
		}

		.buttons-con .action-link-wrap a {
			background: #28a509;
			padding: 8px 25px;
			border-radius: 0 20px;
			color: #FFF;
			font-weight: 300;
			font-size: 18px;
			transition: all 0.3s linear;
			cursor: pointer;
			text-decoration: none;
			margin-right: 10px
		}

		.buttons-con .action-link-wrap a:hover {
			background: #1f5bff;
			color: #fff;
		}

		#Polygon-1,
		#Polygon-2,
		#Polygon-3,
		#Polygon-4,
		#Polygon-4,
		#Polygon-5 {
			animation: float 1s infinite ease-in-out alternate;
		}

		#Polygon-2 {
			animation-delay: .2s;
		}

		#Polygon-3 {
			animation-delay: .4s;
		}

		#Polygon-4 {
			animation-delay: .6s;
		}

		#Polygon-5 {
			animation-delay: .8s;
		}

		@keyframes float {
			100% {
				transform: translateY(20px);
			}
		}

		@media (max-width: 450px) {
			svg {
				position: absolute;
				top: 50%;
				left: 50%;
				margin-top: -250px;
				margin-left: -190px;
			}

			.message-box {
				top: 50%;
				left: 50%;
				margin-top: -100px;
				margin-left: -190px;
				text-align: center;
			}
		}