slides.css

.paragraph {
	text-align: left;
}

.ulist {
	text-align: left;
}

.center-paragraph {
	text-align: center;
}

.smaller-80 {
	font-size: 80%;
}

.smaller-60 {
	font-size: 60%;
}

.left {
	float: left;
}

.left-90 {
	float: left;
  	width: 90%;
}

.left-80 {
	float: left;
  	width: 80%;
}

.left-70 {
	float: left;
  	width: 70%;
}

.left-60 {
	float: left;
  	width: 60%;
}

.left-50 {
	float: left;
  	width: 50%;
}

.left-40 {
	float: left;
  	width: 40%;
}

.left-30 {
	float: left;
  	width: 30%;
}

.right {
	float: right;
}

.right-80 {
	float: right;
  	width: 80%;
}

.right-70 {
	float: right;
  	width: 70%;
}

.right-60 {
	float: right;
  	width: 60%;
}

.right-50 {
	float: right;
  	width: 50%;
}

.right-40 {
	float: right;
  	width: 40%;
}

.right-30 {
	float: right;
  	width: 30%;
}

section h2 {
	grid-area: slide-title;
}

.reveal h2 {
	text-transform: none;
}

.width-10 {
	width: 10%;
}
.width-20 {
	width: 20%;
}
.width-30 {
	width: 30%;
}
.width-40 {
	width: 40%;
}
.width-50 {
	width: 50%;
}
.width-60 {
	width: 60%;
}
.width-70 {
	width: 70%;
}
.width-80 {
	width: 80%;
}
.width-90 {
	width: 90%;
}

.grid-left-right {
	display: grid !important;
	grid-template-areas: 'slide-title slide-title' 'left right';
}
.grid-left-right-50-50 {
	display: grid !important;
	grid-template-areas: 'slide-title slide-title' 'left right';
	grid-template-columns: 50% 50%
}

.area-left {
	grid-area: left;
}
.area-right {
	grid-area: right;
}

.grid-compass {
	display: grid !important;
	grid-template-areas: 'slide-title slide-title slide-title' 'north-west north north-east' 'west middle east' 'south-west south south-east'; 
}

.area-north-west {
	grid-area: north-west;
}
.area-north {
	grid-area: north;
}
.area-north-east {
	grid-area: north-east;
}
.area-west {
	grid-area: west;
}
.area-east {
	grid-area: east;
}
.area-south-west {
	grid-area: south-west;
}
.area-south {
	grid-area: south;
}
.area-south-east {
	grid-area: south-east;
}