body{
			margin: 0;
			font-family: 'Roboto', sans-serif;
			color: white;
			background: #202731;
		}
		section{
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
			min-height: 400px;
			padding: 100px 10vw;
		}
		header{
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 50px 20vw;
		}

		.blue{
			background: #3c31dd;
		}

		.red{
			background: #dd3f31;
		}

		.pink{
			background: #ff0066;
		}

		.dark{
			background: #0f0f10;
		}
.WaveTop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.WaveTop svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 150px;
}

.WaveTop .shape-fill {
    fill: #202731;
}

.WaveBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.WaveBottom svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 150px;
}

.WaveBottom .shape-fill {
    fill: #0F0F10;
}

footer {
  text-align: center;
  padding: 3px;
  background-color: #0f0f10;
  color: white;
}