@charset "UTF-8";
/* CSS Document */

#cssportal-grid {
	display: grid;
	grid-template-rows: repeat(9, 1fr);
	grid-template-columns: repeat(5, 1fr);
	gap: 2px 4px;
	width: 100%;
	height: 100%;
}
#F {grid-area: 1/1/2/2}
#A {grid-area: 1/2/2/3}
#C {grid-area: 1/3/2/4}
#E {grid-area: 1/4/2/5}
#S {grid-area: 1/5/2/6}
#div01 {grid-area: 2/1/3/2}
#div02 {grid-area: 2/2/3/3}
#div03 {grid-area: 2/3/3/4}
#div04 {grid-area: 2/4/3/5}
#div05 {grid-area: 2/5/3/6}
#div06 {grid-area: 3/1/4/2}
#div07 {grid-area: 3/2/4/3}
#div08 {grid-area: 3/3/4/4}
#div09 {grid-area: 3/4/4/5}
#div10 {grid-area: 3/5/4/6}
#div11 {grid-area: 4/1/5/2}
#div12 {grid-area: 4/2/5/3}
#div13 {grid-area: 4/3/5/4}
#div14 {grid-area: 4/4/5/5}
#div15 {grid-area: 4/5/5/6}
#div16 {grid-area: 5/1/6/2}
#div17 {grid-area: 5/2/6/3}
#div18 {grid-area: 5/3/6/4}
#div19 {grid-area: 5/4/6/5}
#div20 {grid-area: 5/5/6/6}
#div21 {grid-area: 6/1/7/2}
#div22 {grid-area: 6/2/7/3}
#div23 {grid-area: 6/3/7/4}
#div24 {grid-area: 6/4/7/5}
#div25 {grid-area: 6/5/7/6}
#div26 {grid-area: 7/1/8/2}
#div27 {grid-area: 7/2/8/3}
#div28 {grid-area: 7/3/8/4}
#div29 {grid-area: 7/4/8/5}
#div30 {grid-area: 7/5/8/6}
#div31 {grid-area: 8/1/9/2}
#div32 {grid-area: 8/2/9/3}
#div33 {grid-area: 8/3/9/4}
#div34 {grid-area: 8/4/9/5}
#div35 {grid-area: 8/5/9/6}
#div36 {grid-area: 9/1/10/2}
#div37 {grid-area: 9/2/10/3}
#div38 {grid-area: 9/3/10/4}
#div39 {grid-area: 9/4/10/5}
#div40 {grid-area: 9/5/10/6}

@media only screen and (min-width: 800px) {
		#cssportal-grid {
		display: grid;
		grid-template-rows: repeat(5, 1fr);
		grid-template-columns: repeat(9, 1fr);
		gap: 1px 10px;
		width: 100%;
		height: 100%;
	}
	#F {grid-area: 1/1/2/2}
	#A {grid-area: 2/1/3/2}
	#C {grid-area: 3/1/4/2}
	#E {grid-area: 4/1/5/2}
	#S {grid-area: 5/1/6/2}
	#div01 {grid-area: 1/2/2/3}
	#div02 {grid-area: 1/3/2/4}
	#div03 {grid-area: 1/4/2/5}
	#div04 {grid-area: 1/5/2/6}
	#div05 {grid-area: 1/6/2/7}
	#div06 {grid-area: 1/7/2/8}
	#div07 {grid-area: 1/8/2/9}
	#div08 {grid-area: 1/9/2/10}
	#div09 {grid-area: 2/2/3/3}
	#div10 {grid-area: 2/3/3/4}
	#div11 {grid-area: 2/4/3/5}
	#div12 {grid-area: 2/5/3/6}
	#div13 {grid-area: 2/6/3/7}
	#div14 {grid-area: 2/7/3/8}
	#div15 {grid-area: 2/8/3/9}
	#div16 {grid-area: 2/9/3/10}
	#div17 {grid-area: 3/2/4/3}
	#div18 {grid-area: 3/3/4/4}
	#div19 {grid-area: 3/4/4/5}
	#div20 {grid-area: 3/5/4/6}
	#div21 {grid-area: 3/6/4/7}
	#div22 {grid-area: 3/7/4/8}
	#div24 {grid-area: 3/9/4/10}
	#div27 {grid-area: 4/4/5/5}
	#div26 {grid-area: 4/3/5/4}
	#div25 {grid-area: 4/2/5/3}
	#div23 {grid-area: 3/8/4/9}
	#div29 {grid-area: 4/6/5/7}
	#div28 {grid-area: 4/5/5/6}
	#div30 {grid-area: 4/7/5/8}
	#div31 {grid-area: 4/8/5/9}
	#div32 {grid-area: 4/9/5/10}
	#div33 {grid-area: 5/2/6/3}
	#div34 {grid-area: 5/3/6/4}
	#div35 {grid-area: 5/4/6/5}
	#div36 {grid-area: 5/5/6/6}
	#div37 {grid-area: 5/6/6/7}
	#div38 {grid-area: 5/7/6/8}
	#div39 {grid-area: 5/8/6/9}
	#div40 {grid-area: 5/9/6/10}
}