main {
		
		text-align:center;
		
}
h3 {
	color:#888;
}

.main-container {
	
	display:inline-block;
	color:black;
	padding-top:0;
	
	text-align:center;
	padding:20px;
	margin:10px;
	border: 1px solid #D3D3D3;
	-webkit-box-shadow: 0 0 10px #d3d3d3;
	box-shadow: 0 0 10px #d3d3d3;
	
}

.form-control {
	-webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
	color:black;
	font-size:25px;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	border: 1px solid #999;
	padding-left:8px;
}

.form-control:hover, .form-control:focus, .form-control:active {
	box-shadow: 0 0 5px #FF0000;
    border: 1px solid #FF0000;
}

.form-button {
	font-size:25px;
	background-color: #FF0000; /* Red */
	border: none;
	color:white;
	padding: 8px;
	padding-left: 40px;
	padding-right: 40px;
	border-radius: 50px;
	cursor:pointer;	
	border: 3px solid #FF0000;
	font-weight:bold;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.form-button:hover {
	background-color: white;
	border: 3px solid #FF0000;
	color: #FF0000;
	font-weight:bold;
	margin-top:30px;
}


.sexagesimal {
	width:60px;
	height:40px;
}

.sexagesimalsec {
	width:120px;
	height:40px;
}

.sexagesimaltotal {
	width:250px;
	height:40px;
}

.label-margin {
	margin-left:2px;
	margin-right:15px;
}
form label {
	font-size:30px;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}