html{
	background-color: black;
	width: 1520px;
	height: 2080px;
	margin: auto;
	overflow: hidden;
}

body{
	margin-left: 0%;
	margin-top: -1%;
	transform: scale(2);
}

header{
	display: none;
}

audio {
	position: absolute;
	margin-top: -10%;
	margin-left: 55%;
	transform: scale(0.5);
}

@keyframes scaledot{

	0%		{ opacity: 0 ; transform: scale(0)  ; }
	0.1%	{ opacity: 1 ; transform: scale(0) ; }
	90%		{ opacity: 1 ; transform: scale(5)  ; }
	94%		{ opacity: 1 ; transform: scale(5)  ; }
	95%		{ opacity: 0 ; transform: scale(5)  ; }
	100%	{ opacity: 0 ; transform: scale(0)  ;}
}

@keyframes scaleblack{

	0%		{ opacity: 0 ; transform: scale(0) ; }
	50%		{ opacity: 1 ; transform: scale(0)  ; }
	98%		{ opacity: 1 ; transform: scale(4.5) ; }
	99%		{ opacity: 1 ; transform: scale(4.5) ; }
	99.1%	{ opacity: 0; transform: scale(4.5) ; }
	100%	{ opacity: 0 ; transform: scale(0)  ;}
}

.dot1{
	width: 15px;
	height: 15px;

	background-color: white;
	border-radius: 50%;
	display: inline-block;
	position: center;
	animation: scaledot 30s infinite;
}

.dot2{
	width: 20px;
	height: 20px;
	margin-left: 1%;
	background-color: white;
	border-radius: 50%;
	display: inline-block;
	position: center;
	animation: scaledot 30s infinite;
}

.dot3{
	width: 30px;
	height: 30px;
	margin-left: 1%;
	background-color: white;
	border-radius: 50%;
	display: inline-block;
	position: center;
	animation: scaledot 30s infinite;
}

.dot4{
	width: 5px;
	height: 5px;
	margin-left: 1%;
	background-color: white;
	border-radius: 50%;
	display: inline-block;
	position: center;
	animation: scaledot 30s infinite;
}

.dot5{
	width: 10px;
	height: 10px;
	margin-left: 1%;
	background-color: white;
	border-radius: 50%;
	display: inline-block;
	position: center;
	animation: scaledot 30s infinite;
}

.dot6{
	width: 30px;
	height: 30px;
	margin-left: 1%;
	background-color: white;
	border-radius: 50%;
	display: inline-block;
	position: center;
	animation: scaledot 30s infinite;
}

.dot7{
	width: 30px;
	height: 30px;
	margin-left: 1%;
	background-color: white;
	border-radius: 50%;
	display: inline-block;
	position: center;
	animation: scaledot 30s infinite;
}

.dot8{
	width: 5px;
	height: 5px;
	margin-left: 1%;
	background-color: white;
	border-radius: 50%;
	display: inline-block;
	position: center;
	animation: scaledot 30s infinite;
}

.dot9{
	width: 20px;
	height: 20px;
	margin-left: 1%;
	background-color: white;
	border-radius: 50%;
	display: inline-block;
	position: center;
	animation: scaledot 30s infinite;
}

.dot10{
	width: 10px;
	height: 10px;
	margin-left: 1%;
	background-color: white;
	border-radius: 50%;
	display: inline-block;
	position: center;
	animation: scaledot 30s infinite;
}

.black {
	margin-top: -50%;
	
}

.dot11{
	width: 20px;
	height: 20px;

	background-color: black;
	border-radius: 50%;
	display: inline-block;
	position: center;
	animation: scaleblack 30s infinite;
}

.dot12{
	width: 20px;
	height: 20px;
	margin-left: 1%;
	background-color: black;
	border-radius: 50%;
	display: inline-block;
	position: center;
	animation: scaleblack 30s infinite;
}

.dot13{
	width: 30px;
	height: 30px;
	margin-left: 1%;
	background-color: black;
	border-radius: 50%;
	display: inline-block;
	position: center;
	animation: scaleblack 30s infinite;
}

.dot14{
	width: 5px;
	height: 5px;
	margin-left: 1%;
	background-color: black;
	border-radius: 50%;
	display: inline-block;
	position: center;
	animation: scaleblack 30s infinite;
}

.dot15{
	width: 10px;
	height: 10px;
	margin-left: 1%;
	background-color: black;
	border-radius: 50%;
	display: inline-block;
	position: center;
	animation: scaleblack 30s infinite;
}

.dot16{
	width: 25px;
	height: 25px;
	margin-left: 1%;
	background-color: black;
	border-radius: 50%;
	display: inline-block;
	position: center;
	animation: scaleblack 30s infinite;
}

.dot17{
	width: 10px;
	height: 10px;
	margin-left: 1%;
	background-color: black;
	border-radius: 50%;
	display: inline-block;
	position: center;
	animation: scaleblack 30s infinite;
}

.dot18{
	width: 15px;
	height: 15px;
	margin-left: 1%;
	background-color: black;
	border-radius: 50%;
	display: inline-block;
	position: center;
	animation: scaleblack 30s infinite;
}

.dot19{
	width: 20px;
	height: 20px;
	margin-left: 1%;
	background-color: black;
	border-radius: 50%;
	display: inline-block;
	position: center;
	animation: scaleblack 30s infinite;
}

.dot110{
	width: 10px;
	height: 10px;
	margin-left: 1%;
	background-color: black;
	border-radius: 50%;
	display: inline-block;
	position: center;
	animation: scaleblack 30s infinite;
}