@tailwind base;
@tailwind components;
@tailwind utilities;

body {
	background-color: #1e272e;
}

.centered {
	display: flex;
	justify-content: center;
	align-items: center;
}

.row {
	display: flex;
	flex-wrap: wrap
}

.col-1 {
	flex: 0 0 8.33333%
}

.col-offset-1 {
	margin-left: 8.33333%
}

.col-2 {
	flex: 0 0 16.66667%
}

.col-offset-2 {
	margin-left: 16.66667%
}

.col-3 {
	flex: 0 0 25%
}

.col-offset-3 {
	margin-left: 25%
}

.col-4 {
	flex: 0 0 33.33333%
}

.col-offset-4 {
	margin-left: 33.33333%
}

.col-5 {
	flex: 0 0 41.66667%
}

.col-offset-5 {
	margin-left: 41.66667%
}

.col-6 {
	flex: 0 0 50%
}

.col-offset-6 {
	margin-left: 50%
}

.col-7 {
	flex: 0 0 58.33333%
}

.col-offset-7 {
	margin-left: 58.33333%
}

.col-8 {
	flex: 0 0 66.66667%
}

.col-offset-8 {
	margin-left: 66.66667%
}

.col-9 {
	flex: 0 0 75%
}

.col-offset-9 {
	margin-left: 75%
}

.col-10 {
	flex: 0 0 83.33333%
}

.col-offset-10 {
	margin-left: 83.33333%
}

.col-11 {
	flex: 0 0 91.66667%
}

.col-offset-11 {
	margin-left: 91.66667%
}

.col-12 {
	flex: 0 0 100%
}

.col-offset-12 {
	margin-left: 100%
}