@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);
 @import url('https://fonts.googleapis.com/css?family=Shrikhand');
 @import url('https://fonts.googleapis.com/css?family=Rubik:400');
 body {
	 margin: 0;
}
 .container1 {
	 width: 100%;
	 height: 72vh;
	 display: block;
	 overflow: hidden;
	 
}
 .container1 .inner-container1 {
	 width: 90%;
	 margin: 0 auto;
}
 .container1 .title {
	 position: relative;
	 display: block;
	 top: 30vh;
}
 .container1 .title h1 {
	 font: normal 3.6rem 'Shrikhand', Helvetica, sans-serif;
	 color: #fff;
	 letter-spacing: 0.05em;
	 text-align: center;
	 text-shadow: 0 0 20px rgba(192, 202, 246, 0.9), -5px -5px 0 rgba(194, 183, 254, 0.5), 5px 5px 0 rgba(149, 169, 255, 0.6);
}
 .container1 .button {
	 font: 400 1rem 'Rubik', Helvetica, sans-serif;
	 color: #667eea;
	 background-color: rgba(255, 255, 255, 0.75);
	 text-align: center;
	 margin: 0 auto;
	 padding: 1.5em 1em;
	 border-radius: 4px;
	 text-decoration: none;
	 cursor: pointer;
	 display: block;
	 position: relative;
	 width: 200px;
	 z-index: 100;
	 text-transform: uppercase;
	 transition: ease-in 0.3s;
}
 .container1 .button:hover {
	 background-color: #fff;
	 box-shadow: 0px 10px 14px -3px rgba(0, 0, 0, 0.2);
	 transition: all 0.3s;
}
 .shape {
	 margin: 0 auto;
	 position: relative;
}
 .random-shape:after {
	 font-family: FontAwesome;
	 content: "\f005";
}
 @keyframes shape-1 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(292deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(652deg);
	}
}
 .shape-container1--1 {
	 animation: shape-1 41s linear infinite;
}
 .shape-container1--1 .random-shape:after {
	 margin: 6rem;
	 color: #ffd700;
	 font-size: 1.2rem;
	 content: '\f0c8';
}
 @keyframes shape-2 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(237deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(597deg);
	}
}
 .shape-container1--2 {
	 animation: shape-2 49s linear infinite;
}
 .shape-container1--2 .random-shape:after {
	 margin: 8rem;
	 color: #95a9ff;
	 font-size: 1.6rem;
	 content: '\f1db';
}
 @keyframes shape-3 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(134deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(494deg);
	}
}
 .shape-container1--3 {
	 animation: shape-3 50s linear infinite;
}
 .shape-container1--3 .random-shape:after {
	 margin: 8rem;
	 color: #95a9ff;
	 font-size: 1.6rem;
	 content: '\f1cb';
}
 @keyframes shape-4 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(291deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(651deg);
	}
}
 .shape-container1--4 {
	 animation: shape-4 41s linear infinite;
}
 .shape-container1--4 .random-shape:after {
	 margin: 4rem;
	 color: #ffd700;
	 font-size: 0.8rem;
	 content: '\f096';
}
 @keyframes shape-5 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(247deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(607deg);
	}
}
 .shape-container1--5 {
	 animation: shape-5 42s linear infinite;
}
 .shape-container1--5 .random-shape:after {
	 margin: 10rem;
	 color: #95a9ff;
	 font-size: 2rem;
	 content: '\f096';
}
 @keyframes shape-6 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(183deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(543deg);
	}
}
 .shape-container1--6 {
	 animation: shape-6 48s linear infinite;
}
 .shape-container1--6 .random-shape:after {
	 margin: 3rem;
	 color: #95a9ff;
	 font-size: 0.6rem;
	 content: '\f0c8';
}
 @keyframes shape-7 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(186deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(546deg);
	}
}
 .shape-container1--7 {
	 animation: shape-7 43s linear infinite;
}
 .shape-container1--7 .random-shape:after {
	 margin: 8rem;
	 color: #ffd700;
	 font-size: 1.6rem;
	 content: '\f1db';
}
 @keyframes shape-8 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(174deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(534deg);
	}
}
 .shape-container1--8 {
	 animation: shape-8 45s linear infinite;
}
 .shape-container1--8 .random-shape:after {
	 margin: 3rem;
	 color: #db7093;
	 font-size: 0.6rem;
	 content: '\f096';
}
 @keyframes shape-9 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(18deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(378deg);
	}
}
 .shape-container1--9 {
	 animation: shape-9 44s linear infinite;
}
 .shape-container1--9 .random-shape:after {
	 margin: 4rem;
	 color: #c2b7fe;
	 font-size: 0.8rem;
	 content: '\f1cb';
}
 @keyframes shape-10 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(271deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(631deg);
	}
}
 .shape-container1--10 {
	 animation: shape-10 42s linear infinite;
}
 .shape-container1--10 .random-shape:after {
	 margin: 1rem;
	 color: #ffd700;
	 font-size: 0.2rem;
	 content: '\f1d8';
}
 @keyframes shape-11 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(53deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(413deg);
	}
}
 .shape-container1--11 {
	 animation: shape-11 46s linear infinite;
}
 .shape-container1--11 .random-shape:after {
	 margin: 5rem;
	 color: #db7093;
	 font-size: 1rem;
	 content: '\f005';
}
 @keyframes shape-12 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(52deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(412deg);
	}
}
 .shape-container1--12 {
	 animation: shape-12 44s linear infinite;
}
 .shape-container1--12 .random-shape:after {
	 margin: 4rem;
	 color: #fff8dc;
	 font-size: 0.8rem;
	 content: '\f1db';
}
 @keyframes shape-13 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(209deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(569deg);
	}
}
 .shape-container1--13 {
	 animation: shape-13 44s linear infinite;
}
 .shape-container1--13 .random-shape:after {
	 margin: 2rem;
	 color: #ffd700;
	 font-size: 0.4rem;
	 content: '\f0c8';
}
 @keyframes shape-14 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(292deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(652deg);
	}
}
 .shape-container1--14 {
	 animation: shape-14 43s linear infinite;
}
 .shape-container1--14 .random-shape:after {
	 margin: 5rem;
	 color: #95a9ff;
	 font-size: 1rem;
	 content: '\f096';
}
 @keyframes shape-15 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(157deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(517deg);
	}
}
 .shape-container1--15 {
	 animation: shape-15 49s linear infinite;
}
 .shape-container1--15 .random-shape:after {
	 margin: 9rem;
	 color: #db7093;
	 font-size: 1.8rem;
	 content: '\f096';
}
 @keyframes shape-16 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(282deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(642deg);
	}
}
 .shape-container1--16 {
	 animation: shape-16 42s linear infinite;
}
 .shape-container1--16 .random-shape:after {
	 margin: 10rem;
	 color: #db7093;
	 font-size: 2rem;
	 content: '\f1db';
}
 @keyframes shape-17 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(163deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(523deg);
	}
}
 .shape-container1--17 {
	 animation: shape-17 43s linear infinite;
}
 .shape-container1--17 .random-shape:after {
	 margin: 7rem;
	 color: #db7093;
	 font-size: 1.4rem;
	 content: '\f1db';
}
 @keyframes shape-18 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(31deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(391deg);
	}
}
 .shape-container1--18 {
	 animation: shape-18 45s linear infinite;
}
 .shape-container1--18 .random-shape:after {
	 margin: 6rem;
	 color: #fff8dc;
	 font-size: 1.2rem;
	 content: '\f1db';
}
 @keyframes shape-19 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(137deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(497deg);
	}
}
 .shape-container1--19 {
	 animation: shape-19 46s linear infinite;
}
 .shape-container1--19 .random-shape:after {
	 margin: 3rem;
	 color: #db7093;
	 font-size: 0.6rem;
	 content: '\f096';
}
 @keyframes shape-20 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(125deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(485deg);
	}
}
 .shape-container1--20 {
	 animation: shape-20 42s linear infinite;
}
 .shape-container1--20 .random-shape:after {
	 margin: 9rem;
	 color: #ffd700;
	 font-size: 1.8rem;
	 content: '\f1cb';
}
 @keyframes shape-21 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(308deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(668deg);
	}
}
 .shape-container1--21 {
	 animation: shape-21 46s linear infinite;
}
 .shape-container1--21 .random-shape:after {
	 margin: 8rem;
	 color: #c2b7fe;
	 font-size: 1.6rem;
	 content: '\f1db';
}
 @keyframes shape-22 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(195deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(555deg);
	}
}
 .shape-container1--22 {
	 animation: shape-22 41s linear infinite;
}
 .shape-container1--22 .random-shape:after {
	 margin: 7rem;
	 color: #db7093;
	 font-size: 1.4rem;
	 content: '\f1d8';
}
 @keyframes shape-23 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(146deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(506deg);
	}
}
 .shape-container1--23 {
	 animation: shape-23 48s linear infinite;
}
 .shape-container1--23 .random-shape:after {
	 margin: 10rem;
	 color: #c2b7fe;
	 font-size: 2rem;
	 content: '\f0c8';
}
 @keyframes shape-24 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(110deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(470deg);
	}
}
 .shape-container1--24 {
	 animation: shape-24 46s linear infinite;
}
 .shape-container1--24 .random-shape:after {
	 margin: 1rem;
	 color: #db7093;
	 font-size: 0.2rem;
	 content: '\f1cb';
}
 @keyframes shape-25 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(23deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(383deg);
	}
}
 .shape-container1--25 {
	 animation: shape-25 49s linear infinite;
}
 .shape-container1--25 .random-shape:after {
	 margin: 3rem;
	 color: #95a9ff;
	 font-size: 0.6rem;
	 content: '\f005';
}
 @keyframes shape-26 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(212deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(572deg);
	}
}
 .shape-container1--26 {
	 animation: shape-26 42s linear infinite;
}
 .shape-container1--26 .random-shape:after {
	 margin: 1rem;
	 color: #db7093;
	 font-size: 0.2rem;
	 content: '\f1cb';
}
 @keyframes shape-27 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(140deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(500deg);
	}
}
 .shape-container1--27 {
	 animation: shape-27 50s linear infinite;
}
 .shape-container1--27 .random-shape:after {
	 margin: 3rem;
	 color: #95a9ff;
	 font-size: 0.6rem;
	 content: '\f1d8';
}
 @keyframes shape-28 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(345deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(705deg);
	}
}
 .shape-container1--28 {
	 animation: shape-28 48s linear infinite;
}
 .shape-container1--28 .random-shape:after {
	 margin: 8rem;
	 color: #fff8dc;
	 font-size: 1.6rem;
	 content: '\f1d8';
}
 @keyframes shape-29 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(310deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(670deg);
	}
}
 .shape-container1--29 {
	 animation: shape-29 49s linear infinite;
}
 .shape-container1--29 .random-shape:after {
	 margin: 5rem;
	 color: #db7093;
	 font-size: 1rem;
	 content: '\f096';
}
 @keyframes shape-30 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(12deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(372deg);
	}
}
 .shape-container1--30 {
	 animation: shape-30 50s linear infinite;
}
 .shape-container1--30 .random-shape:after {
	 margin: 1rem;
	 color: #95a9ff;
	 font-size: 0.2rem;
	 content: '\f1cb';
}
 @keyframes shape-31 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(76deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(436deg);
	}
}
 .shape-container1--31 {
	 animation: shape-31 46s linear infinite;
}
 .shape-container1--31 .random-shape:after {
	 margin: 1rem;
	 color: #95a9ff;
	 font-size: 0.2rem;
	 content: '\f005';
}
 @keyframes shape-32 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(116deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(476deg);
	}
}
 .shape-container1--32 {
	 animation: shape-32 49s linear infinite;
}
 .shape-container1--32 .random-shape:after {
	 margin: 2rem;
	 color: #ffd700;
	 font-size: 0.4rem;
	 content: '\f096';
}
 @keyframes shape-33 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(285deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(645deg);
	}
}
 .shape-container1--33 {
	 animation: shape-33 48s linear infinite;
}
 .shape-container1--33 .random-shape:after {
	 margin: 10rem;
	 color: #db7093;
	 font-size: 2rem;
	 content: '\f1cb';
}
 @keyframes shape-34 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(8deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(368deg);
	}
}
 .shape-container1--34 {
	 animation: shape-34 47s linear infinite;
}
 .shape-container1--34 .random-shape:after {
	 margin: 5rem;
	 color: #db7093;
	 font-size: 1rem;
	 content: '\f1db';
}
 @keyframes shape-35 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(110deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(470deg);
	}
}
 .shape-container1--35 {
	 animation: shape-35 49s linear infinite;
}
 .shape-container1--35 .random-shape:after {
	 margin: 7rem;
	 color: #ffd700;
	 font-size: 1.4rem;
	 content: '\f005';
}
 @keyframes shape-36 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(160deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(520deg);
	}
}
 .shape-container1--36 {
	 animation: shape-36 46s linear infinite;
}
 .shape-container1--36 .random-shape:after {
	 margin: 8rem;
	 color: #c2b7fe;
	 font-size: 1.6rem;
	 content: '\f1db';
}
 @keyframes shape-37 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(46deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(406deg);
	}
}
 .shape-container1--37 {
	 animation: shape-37 46s linear infinite;
}
 .shape-container1--37 .random-shape:after {
	 margin: 3rem;
	 color: #95a9ff;
	 font-size: 0.6rem;
	 content: '\f096';
}
 @keyframes shape-38 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(127deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(487deg);
	}
}
 .shape-container1--38 {
	 animation: shape-38 46s linear infinite;
}
 .shape-container1--38 .random-shape:after {
	 margin: 8rem;
	 color: #fff8dc;
	 font-size: 1.6rem;
	 content: '\f0c8';
}
 @keyframes shape-39 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(186deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(546deg);
	}
}
 .shape-container1--39 {
	 animation: shape-39 45s linear infinite;
}
 .shape-container1--39 .random-shape:after {
	 margin: 9rem;
	 color: #fff8dc;
	 font-size: 1.8rem;
	 content: '\f005';
}
 @keyframes shape-40 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(122deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(482deg);
	}
}
 .shape-container1--40 {
	 animation: shape-40 46s linear infinite;
}
 .shape-container1--40 .random-shape:after {
	 margin: 5rem;
	 color: #fff8dc;
	 font-size: 1rem;
	 content: '\f1d8';
}
 @keyframes shape-41 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(299deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(659deg);
	}
}
 .shape-container1--41 {
	 animation: shape-41 41s linear infinite;
}
 .shape-container1--41 .random-shape:after {
	 margin: 9rem;
	 color: #95a9ff;
	 font-size: 1.8rem;
	 content: '\f1db';
}
 @keyframes shape-42 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(223deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(583deg);
	}
}
 .shape-container1--42 {
	 animation: shape-42 49s linear infinite;
}
 .shape-container1--42 .random-shape:after {
	 margin: 6rem;
	 color: #95a9ff;
	 font-size: 1.2rem;
	 content: '\f1cb';
}
 @keyframes shape-43 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(157deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(517deg);
	}
}
 .shape-container1--43 {
	 animation: shape-43 43s linear infinite;
}
 .shape-container1--43 .random-shape:after {
	 margin: 7rem;
	 color: #c2b7fe;
	 font-size: 1.4rem;
	 content: '\f005';
}
 @keyframes shape-44 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(176deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(536deg);
	}
}
 .shape-container1--44 {
	 animation: shape-44 49s linear infinite;
}
 .shape-container1--44 .random-shape:after {
	 margin: 2rem;
	 color: #fff8dc;
	 font-size: 0.4rem;
	 content: '\f1db';
}
 @keyframes shape-45 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(65deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(425deg);
	}
}
 .shape-container1--45 {
	 animation: shape-45 44s linear infinite;
}
 .shape-container1--45 .random-shape:after {
	 margin: 9rem;
	 color: #fff8dc;
	 font-size: 1.8rem;
	 content: '\f096';
}
 @keyframes shape-46 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(48deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(408deg);
	}
}
 .shape-container1--46 {
	 animation: shape-46 45s linear infinite;
}
 .shape-container1--46 .random-shape:after {
	 margin: 1rem;
	 color: #fff8dc;
	 font-size: 0.2rem;
	 content: '\f1cb';
}
 @keyframes shape-47 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(302deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(662deg);
	}
}
 .shape-container1--47 {
	 animation: shape-47 50s linear infinite;
}
 .shape-container1--47 .random-shape:after {
	 margin: 7rem;
	 color: #fff8dc;
	 font-size: 1.4rem;
	 content: '\f005';
}
 @keyframes shape-48 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(110deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(470deg);
	}
}
 .shape-container1--48 {
	 animation: shape-48 41s linear infinite;
}
 .shape-container1--48 .random-shape:after {
	 margin: 10rem;
	 color: #fff8dc;
	 font-size: 2rem;
	 content: '\f096';
}
 @keyframes shape-49 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(66deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(426deg);
	}
}
 .shape-container1--49 {
	 animation: shape-49 47s linear infinite;
}
 .shape-container1--49 .random-shape:after {
	 margin: 5rem;
	 color: #db7093;
	 font-size: 1rem;
	 content: '\f005';
}
 @keyframes shape-50 {
	 0% {
		 transform: translate3d(0, 0, 0) rotate(264deg);
	}
	 100% {
		 transform: translate3d(0, 0, 0) rotate(624deg);
	}
}
 .shape-container1--50 {
	 animation: shape-50 47s linear infinite;
}
 .shape-container1--50 .random-shape:after {
	 margin: 5rem;
	 color: #db7093;
	 font-size: 1rem;
	 content: '\f1cb';
}
 .stop-shape {
	 -webkit-animation-play-state: paused;
	 animation-play-state: paused;
}