@charset "UTF-8";

#about {
	padding: 60px 0;
}
#about h1 {
	margin-bottom: 60px;
}
#about p {
	margin-bottom: 120px;
}
#company {
	margin-bottom: 60px;
}
#screenshot {
	margin: 0 auto 60px auto;
	width: 60%;
}
#screenshot img {
	max-width: 100%;
}
.container {
	margin: 0 auto 60px auto;
	width: 60%;
	height: 100%;
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-areas: 'g0 g1' 'g2 g3' 'g4 g5' 'g6 g7' 'g8 g9' 'g10 g11';
}
.container div {
	height: 60px;
	line-height: 60px;
	border-bottom: solid 1px #ccc;
}

.area-g0 {
	grid-area: g0;
}

.area-g1 {
	grid-area: g1;
}

.area-g2 {
	grid-area: g2;
}

.area-g3 {
	grid-area: g3;
}

.area-g4 {
	grid-area: g4;
}

.area-g5 {
	grid-area: g5;
}

.area-g6 {
	grid-area: g6;
}

.area-g7 {
	grid-area: g7;
}

.area-g8 {
	grid-area: g8;
}

.area-g9 {
	grid-area: g9;
}

.area-g10 {
	grid-area: g10;
}

.area-g11 {
	grid-area: g11;
}