html
	height 100%

body
	font-family "Ubuntu", "Trebuchet MS", sans-serif
	font-size 1.05em
	tab-size 4
	overflow-x hidden
	overflow-y hidden
	height 100%
	-webkit-font-smoothing antialiased
	-moz-osx-font-smoothing grayscale

a
	text-decoration none
	transition all 290ms ease
	&:hover
		text-decoration none
	&:active
		transform translateY(3px)

/*.page
	height 100vh*/

section
	float left
	width 100%

.icon-list
	margin-left 1px !important
	list-style-type none
	.fa
		opacity 0.93

.powered-by
	opacity 0.8
	font-size 0.9em
	margin-top 1em

.maintenance
	width 100%
	height 100%
	text-align center
	padding 1em
	font-size 3em
	line-height 1.5em

.region-block
	float left
	width 100%
	font-size 1.2em
	padding 1em
	p
		text-align center
		max-width none

.editor-info
	max-width 1200px

// tooltipOffset = -10px
//
// .tooltip
// 	display inline-block
// 	position relative
//
// 	&:after
// 		display inline
// 		content attr(data-tooltip)
// 		opacity 0
// 		transition opacity 250ms ease
// 		background rgb(48, 48, 48)
// 		border-radius 3px
// 		color rgb(255, 255, 255)
// 		// box-shadow 0 0 8px rgba(0, 0, 0, 0.2)
// 		padding 0.3rem 0.75rem
// 		width auto
// 		pointer-events none
//
// 		position absolute
// 		left 50%
// 		top tooltipOffset
// 		transform translate(-50%, -100%)
// 		z-index 100
//
// 		margin 0
//
// 	&:before
// 		content ""
// 		border solid
// 		border-color rgb(60, 60, 60) transparent
// 		border-width 6px 6px 0 6px
// 		opacity 0
// 		transition opacity 250ms ease
// 		pointer-events none
// 		margin 0
// 		padding 0
//
// 		position absolute
// 		left 50%
// 		top tooltipOffset
// 		transform translateX(-50%)
// 		z-index 99
//
// 	&:hover
// 		&:after
// 			opacity 1
// 		&:before
// 			opacity 1