body{
	height: 100vh;
	font-size: 0.9rem;
	}
	
	#container{
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-content: center;
	align-items: center;

	}
	
	#dock{
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-flow: row wrap;
	padding: 40px;
	width: 100vw;
	border: #cef57c dotted 8px;
	box-sizing: border-box;
	}
	
	#dock .name{
		position: absolute;
		top: 20px;
		left: 50%;
			
	}
	
	.square{
	margin: 0 8px 8px 0;
	padding: 12px;
	width: 100px;
	height: 100px;
	}
	
	#p1{
	background: #ff73b9;
	}
	
	#p2{
	background: #a6ff4c;
	}
	
	#p3{
	background: #ffc926;
	}
	
	#drop{
	padding-top: 100px;
	width: auto;
	min-width: 100px;
	height: auto;
	min-height: 100px;
	background: #4cd2ff;
	}
	
	.center{
	}