/**
 * LaunchPad styling
 */

/* launch pad container */
main > div.container#LaunchPad {
	text-align: center;
}

	/* button */
	main > div.container#LaunchPad > button {
		display: inline-block;
		vertical-align: top;
		margin: 25px;
		padding: 15px 25px 25px 25px;
		width: 200px;
		height: 185px;
		
		text-align: center;
		font-family: 'Nimbus Sans';
		font-size: 20px;
		font-weight: lighter;
		color: rgba(0,0,0,.75)
		
		border: 1px solid rgba(0,0,0,.1);
		border-radius: 4px;
		
		box-shadow: 3px 3px 1px rgba(0,0,0,.05);
		cursor: pointer;
	}
	
		/* hover on button */
		main > div.container#LaunchPad > button:hover {			
			box-shadow: 5px 5px 5px rgba(0,0,0,.1);
		}
	
		/* "add" sub-button */
		main > div.container#LaunchPad > button > .sub-button {
			display: inline-block;
			position: absolute;
			height: 25px;
			margin-top: 129px;
			width: center;
			width: 197px;
			margin-left: -100px;
			padding-top: 4px;
			
			border-top: 1px solid rgba(0,0,0,.1);
			border-radius: 0px;
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			
			background-color: rgba(0,0,200,.1);
			box-shadow: 0px -1px 0px white;
		}
			/* hover on sub button */
			main > div.container#LaunchPad > button > .sub-button:hover {
				background-color: rgba(0,0,200,.15);
			}
	
		/* main button icon */
		main > div.container#LaunchPad > button > i.icon.fa {
			display: block;
			width: auto;
			text-align: center;
			height: 100px;
			
			font-size: 85px;
			color: rgba(0,0,75,.15);
		}
		
		/* icon when hover on button */
		main > div.container#LaunchPad > button:hover > .icon.fa {
			color: rgba(0,0,75,.35);
		}