body {
    font-family: Avenir, 'Helvetica Neue', Helvetica, sans-serif;
    background-color: #292929;
}

#main {
    height: 200px;
    width: 96%;
    align-content: center;
    font-weight: 300;
    padding-top: 32px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    color: #dadada;
}

#below
{
    background-color: #292929;
    height: 100%;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
}

em {
    font-family: Avenir, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 300;
    font-style: italic;
}

em em {
    font-weight: 400;
    font-style: normal;
}

/* blobs with a '70s vibe */
[class*="blobs"]
{
    /* mix-blend-mode: color-burn; */
    position: absolute;
    transform: translate(-50%, -50%);
    mix-blend-mode: screen;
    animation: blobs 15s linear 2s infinite alternate-reverse
}

.blobs_a{
	background: #5817178e;
	width:  120%;
	height: 120%;
	top:    30px;
	left:   60px;
}
.blobs_b{
	background: #ffffff41;
	width:  160%;
	height: 160%;
	top:    5px;
	left:   0px;
}

.blobs_c{
	background: #ffffff8e;
	width:  85%;
	height: 40%;
	top:    8px;
	left:   80px;
}

.blobs_d{
	background: #ffffff30;
	width:  100%;
	height: 75%;
	top:    5px;
	left:   100px;
	}

.blobs_e{
	background: #ffffff3a;
	width:  80%;
	height: 50%;
	top:    23px;
	left:   70px
}

.blobs_f{
	background: #345a238e;
	width:  60%;
	height: 36%;
	top:    32px;
	left:   25px
}

.blobs_g{
	background: #63759c8e;
	width:  50%;
	height: 50%;
	top:    21px;
	left:   12px
}

@keyframes
blobs {
	0%   { border-radius: 26% 74% 61% 39% / 54% 67% 33% 46%; translate:  0%  0%; }
	10%  { border-radius: 74% 26% 47% 53% / 68% 46% 54% 32%; translate:  0%  0%; }
	20%  { border-radius: 48% 52% 30% 70% / 27% 37% 63% 73%; translate: 40%  0%; }
	30%  { border-radius: 73% 27% 57% 43% / 28% 67% 33% 72%; translate: 80%  0%; }
	40%  { border-radius: 63% 37% 56% 44% / 25% 28% 72% 75%; translate: 90%  0%; }
	50%  { border-radius: 39% 61% 70% 30% / 61% 29% 71% 39%; translate: 100% 0%; }
	60%  { border-radius: 27% 73% 29% 71% / 73% 51% 49% 27%; translate: 80%  0%; }
	70%  { border-radius: 39% 61% 65% 35% / 74% 65% 35% 26%; translate: 60%  0%; }
	80%  { border-radius: 55% 45% 37% 63% / 38% 30% 70% 62%; translate: 30%  0%; }
	90%  { border-radius: 25% 75% 70% 30% / 39% 50% 50% 61%; translate: 10%  0%; }
	100% { border-radius: 66% 34% 33% 67% / 65% 73% 27% 35%; translate:  0%  0%; }
}