pokeranalytics_website/css/app.css

/* Main */

body {
	font-family:'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:400;
	background-color:#fff;
	font-size:20px;
}

a {
  text-decoration: none;
  color: #4fb47f;
}

main {
	padding: 15px;
	margin: 0 auto;
	max-width: 800px;
}

header {
	margin-bottom: 20px;
}

.menu a {
	color: #777;
}

.menu a:hover {
	color: #4fb47f;
}

.large {
	font-weight:600;
	font-size:64px;
}

.titleicon {
	background-color: #567;
}

.wrapper (min-width: 600px) {
  padding: 0 50px;
  margin: 0 auto;
}

/* maintitle */

.topmargin {
	margin-top: 50px;
}

.topmargin10 {
	margin-top: 100px;
}

.icon {
	height: 100px;
	width: 100px;
}

@media (min-width: 900px) {
	.fifty {
		width: 720px;
	}
}

.padded {
	padding: 10px;
}
/* .maintitle {
	margin-top: 30px;
} */

.maintitle .title {
	/* padding: 10px; */
	/* max-width: 280px; */
	/* margin: 20px auto 50px auto; */
}

.maintitle h1 {
	font-weight:600;
	font-size:64px;
	/* font-family: SanFrancisco-Ultralight, 'Helvetica Neue Light'; */
	line-height: 0.9em;
	color: #4fb47f;
	/* letter-spacing: 0.05em; */
}

.maintitle h2 {
	font-weight:400;
	font-size:18px;
	/* font-family: SanFrancisco-Ultralight, 'Helvetica Neue Light'; */
	line-height: 0.9em;
	color: #6ec47e;
}

.hero h2 {
	font-weight: 800;
	font-size: 28px;
	line-height: 1.2em;
}

.heroimg {
	width: auto;
	height: 500px;
}

.mediumbox {
	width: 500px;
	text-align: center;
}

/* Secondary Pages */

.question {
	font-weight: 600;
}

.portrait {
	max-width: 250px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	padding: 20px;
}

.templatetitle {
	/* display: block; */
	/* float: left; */
	width: 600px;
	/* clear: both; */
}

.titlecontainer {
	/* margin: 40px 0; */
	width: 50%;
	background-color: #444;
}

.leftmargin {
	margin-left: 20px;
}

.middlealign {
	vertical-align: middle;
}

.inlinedisplay {
	display: inline-block;
}

.maintitle .title {
	/* text-align: center; */
}

.title {
  /* width: 500px; */
  /* color: #6ec47e; */
	/*display: inline-block;*/
	clear: right;
	padding: 0px 20px;
}

.featuregroup {
	margin: 20px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}

.featuretitle {
	width: 200px;
}

.featuretitle h2 {
	font-size: 32px;
	font-weight: 300;
	/* margin-top: 14px; */
}

.featurecontent {
	max-width: 620px;
	font-size: 20px;
	margin-top: 12px;
}

.featurecontent li {
	padding-bottom: 4px;
	margin-left: 20px;
}

.featureblock {
	display: inline-block;
	vertical-align: top;
}

.watch {
	height: 360px;
	width: auto;
}

.picto28 {
	height: 28px;
	width: 28px;
}

.picto {
	height: 100px;
	width: 100px;
}

.big_picto {
	height: 200px;
	width: 200px;
}

/* Body */

section {
    padding: 20px 0;
    margin: 30px 0;
}

.center {
	text-align: center;
}

.rightalign {
	margin-left:auto;
	margin-right:0;
}

.centeralign {
	margin: 0 auto;
}

.imgcenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.floatleft {
	float: left;
}

.clearleft {
	clear:left;
}

.descriptionbg {
	background-color: #8ef6a1;

	padding: 20px;
	margin: 0 auto;
}

.description {
	margin: 0 auto;
	max-width: 700px;
}

.fz36 {
	font-size:36px;
	line-height: 1.2em;
}

.bb {
  background-color: #999;
}
.bbb {
  background-color: #ccc;
}

/* Comments */

.comment {
	/* text-align: left; */
	max-width: 320px;
	/* vertical-align: top; */
	font-size:18px;
	margin-bottom: 20px;
	padding: 0px 20px;
}

.commenttitle {
	font-size:28px;
	color: #6ec47e;
	line-height: 1.3em;
}

/* Features */


.feature-2 {
	max-width: 300px;
}

.feature {
	/* padding: 20px; */
	vertical-align: top;
	text-align: center;
	/* max-width: 300px; */
}

.feature h2 {
	font-size:32px;
	font-weight: 300;
	margin: 0;
	margin-top: 10px;
}

.greybg {
  background-color: #f8f8f8;
}

.screenshot {
	width: 275px;
	height: 550px;
}

.line {
	margin: 20px 0;
}

/* Plans */

.plans {
	margin: 0 auto;
	max-width: 600px;
}

.comparison {
	table-layout:fixed;
	border-collapse:collapse;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 15px;
	font-size: 20px;
	color: #444a43;
}

.comparison th, td {
	padding: 4px;
	border-bottom: solid;
	border-width: 1px;
	border-color: #ccc;
	font-weight: 400;
}

.dl_button_height {
	height: 60px;
	width: auto;
}

.dl_button_width {
	height: auto;
	width: 200px;
}

.separatorH20 {
	height: 20px;
}

.nostyle {
	list-style: none;
}

/* Footer */

footer a {
  display: block;
}

footer {
  font-size: 16px;
	background-color: #eee;
	margin-top: 40px;
	padding: 0px 40px 40px 40px;
}

footer .cell {
	padding: 40px 0px 0px 0px;
}