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

body{
	
	margin-top: 0%;
	margin-left: -10%;
	margin-right: -10%;
}

header{
	display: none;
}

@keyframes scaledot{

	0%		{ transform: scale(0.1); }
	50%		{ transform: scale(1.2); }
	100%	{ transform: scale(0.1); }
}


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

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

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

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

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

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

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

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

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

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

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





