*{
	font-family:verdana;
	margin:0;
	padding:0;
}

html {
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html,body{
	margin:0;
	height:100%;
	overflow-x: hidden;
}

header, nav{
	text-align:center;
	background-color:black;
	margin:0;
	}

main{
	display:block;
}

h1.toolName{
	font-size:3.7em;
	color:white;
}

h2{
	font-size:2.2em;
}
header .about{
	margin:5px 0px;
	text-align:left;
	color:white;
	padding-left:5%;
	padding-top:0.5em;
	padding-bottom:0.5em;
	background-color:#8562cd;
}
header .about p{
	font-size:1.5em;
}

@media screen and (min-width: 1280px){
	header .about{
		padding-left: 12%;
		padding-right: 12%;
	}
	main section{
		margin-left: 12%;
		margin-right: 12%;
	}
}

a{
	color:#8562cd
}

ul{
	margin-left:5%;
	margin-bottom:1em;
}

img{
	margin-left:4%;
	margin-bottom:1em;
}

section{
	border:2px solid black;
	padding-top: 1em;
	padding-left:3%;
	padding-bottom: 1em;
	margin-top:1em;
	margin-left:3%;
	margin-right:3%;
	margin-bottom: 2em;
	border-radius:20px;
}

section p{
	margin-top:0.7em;
	margin-right:2%;
	margin-left:2%;
	margin-bottom:0.7em;
}

section h3{
	margin-left:2%;
}

code{
	font-family: monospace;
}

p{
	font-family: tahoma;
	font-size: 1.3em;
	line-height:1.4;
}

.division h1{
	color:black;
	font-size:2.9em;
}

a#installLink{
	background-color:#e6007a;
	color:white;
	border-radius:8px;
	padding:8px 12px;
	cursor: grab;
	text-decoration: none;
}
a#installLink:hover{
	text-decoration:none !important;
}
a#installLink:active {
	cursor: grabbing;
}

#point-left{
	margin:0 1em 0 0;
}

.animation-point-left{
	position: relative;
	-webkit-animation: point-left 1s infinite;
	animation: point-left 1s infinite;
	margin-right: 12px;
}
@-webkit-keyframes point-left{
	0%   {left: 0px;}
	50%  {left: 9px;}
	100% {left: 0px;}
}
@keyframes point-left{
	0%   {left: 0px;}
	50%  {left: 9px;}
	100% {left: 0px;}
}