body {
background-color:black;
background-image:
radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 2px),
radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 2px),
radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 2px),
radial-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 2px, transparent 2px);
background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px; 
background-position: 0 0, 40px 60px, 130px 270px, 70px 100px;
}

#second {
background: url('../images/nwt.png');
  background-repeat: repeat;
background-position: 0 0, 40px 60px, 130px 270px, 70px 100px;
}


.logo {
  display: flex;
    order: 0;
    width: 100px;
    margin: auto 600px -200px;
  background: url('../images/logo.png');
  background-repeat: no-repeat;
  position: fixed;
  
}

.logo {
  order: 1;
  padding: 160px;
}

.thankyou {
  display: flex;
    order: 0;
    width: 50px;
    margin: auto 480px -200px;
  background: url('../images/thank-you.png');
  background-repeat: no-repeat;
  position: fixed;
}

.thankyou { 
    order: 1; 
    padding: 1360px; 
}

.apay {
      display: flex;
    order: 0;
    width: 50px;
    margin: auto 480px -300px;
  background-repeat: no-repeat;
  position: fixed;
  top: 470px;
}

.apay { 
    order: 1; 
    padding: 160px;
}

.products {
    display: flex;
    list-style: none;
    flex-direction: row;
    bottom: 8px;
    left: 16px;
}

.products > *{ margin: 0px 20px; } 
.products > :first-child{ margin-left: 20px; } 
.products> :last-child{ margin-right: 0px; }

.superfoods {
    display: flex;
    list-style: none;
    width: auto;
    height: auto;
    position: static;
    flex-flow: row wrap;
    flex-direction: row;
    bottom: 8px;
    left: 16px;
}

.superfoods > *{ margin: 0px 20px; } 
.superfoods > :first-child{ margin-left: 20px; } 
.superfoods > :last-child{ margin-right: 0px; }

.bottomright {
	display: flex;
	width: 50px;
	height: 50px;
	background: url('../images/monster.png');
	background-repeat: no-repeat;
	text-indent: -99999px;
    position: fixed;
    bottom: 8px;
    right: 16px;
}

.bottomright1 {
	display: flex;
	width: 200px;
	height: 150px;
	background: url('../images/this-way.png');
	background-repeat: no-repeat;
	text-indent: -99999px;
    position: fixed;
    bottom: 8px;
    right: 16px;
}
.bottomright2 {
	display: flex;
	width: 200px;
	height: 150px;
	background: url('../images/that-way.png');
	background-repeat: no-repeat;
	text-indent: -99999px;
    position: fixed;
    bottom: 8px;
    right: 16px;
}

.topleft {
 	display: flex;
	width: 200px;
	height: 200px;
	position: relative;
	background: url('../images/chicken.gif');
	background-repeat: no-repeat;
	text-indent: -99999px;
	top: 8px;
    left: 16px;
}

.bottomright:hover {
    margin: 0px 0px 50px 15px;
}

.bottomleft {
	display: flex;
	width: 650px;
	height: 650px;
	background: url('../images/premium-whole.png');
	background-repeat: no-repeat;
	text-indent: -99999px;
    position: fixed;
    bottom: -420px;
    left: 0px;
}
.bottomleft:hover {
        margin: 0px 0px 200px 15px;
}

.miku {
 	display: flex;
	width: 2000px;
	height: 2000px;
	position: absolute;
	background: url('../images/miku.gif');
	background-repeat: no-repeat;
	top: -16px;
    left: 16px;
}

@font-face {
    font-family: "Butcherman Caps";
    src: url(../css/fonts/butchermancaps.ttf) format("truetype");
}

.speech-bubble {
position: absolute;
width: 330px;
height: 400px;
padding: 0px;
background: #BDFFFF;
    font-family: "Butcherman Caps";
	font-size: 25px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 74px;
text-align: center;
-webkit-border-radius: 41px;
-moz-border-radius: 41px;
border-radius: 41px;
border: #f8f8f8 solid 12px;
	top: 500px;
    right: 460px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.speech-bubble:after {
content: '';
position: absolute;
border-style: solid;
border-width: 21px 0 21px 59px;
border-color: transparent #BDFFFF;
display: flex;
width: 0;
z-index: 1;
right: -59px;
top: 47px;
}

.speech-bubble:before {
content: '';
position: absolute;
border-style: solid;
border-width: 32px 0 32px 70px;
border-color: transparent #f8f8f8;
display: flex;
width: 0;
z-index: 0;
right: -82px;
top: 36px;
}

.email {
 	display: flex;
	width: 2000px;
	height: 2000px;
		font-family: Courier;
	color: orange;
	font-size:20px;
	position: absolute;
	background-repeat: no-repeat;
    left: 16px;
}