.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; }