div{
	box-sizing: border-box;
}

body{

	background-color:#202020;
	font-family:Arial;
	font-size: 0.4em;
	color: white;
	letter-spacing: 2px;

}
h1{
	font-family: Arial; 
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	color:white;
	margin: 20px;

}


		.main{	
		width: 80%;
		height: 500px;
		margin: 200px auto;	
		overflow: auto;
	}

		.center{
		text-align: center;
		padding: 40px;
	}


		#one .h1{
		  position: center;
		  top: 100px;
		  left: 100px;
		}




.circle-outline{
	transition: width 1s ease, 
				height 1s ease, 
				-moz-border-radius 1s ease
				-webkit-border-radius 1s ease
				border-radius 1s ease;
	width: 100px;
	height: 100px;
	border: 1px dotted white;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	float: fixed;
	margin: 10px;

}

.circle-outline:hover{
	width: 200px;
	height: 200px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	float: fixed;
	margin: 15px;
}

.rcorners{
	transition:width 2s ease;
	border: 1px dotted white;
	width: 100px;
	border-radius: 25px; 
	height: 100px;
	float: left;
	margin: 15px;
}

.rcorners:hover{
	width: 300px;
}