@import 'base/_colors';

p,
h1,
h2,
h3 {
	font-family: arial, tahoma, helvetica, sans-serif;
}

p.intro {
	font-size: 1.25em;
}

a {
	color: #3F51B5;
}

body {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiB2aWV3Qm94PSIwIDAgMTkyMCAxMDgwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2NjYztvcGFjaXR5Oi4yfTwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik0wIDBoMTkyMHYxMDgwSDB6IiBzdHlsZT0iZmlsbDojZmNmY2ZjIi8+PHBhdGggZD0iTTAgMjY1LjE2czIuNTctMi45MyAyMS42MSAxNS45M2wzNjQuODQgMzYxLjU3IDM2NC44NCAzNjEuNTdjMzAuNzEgMzAuNDMgMjguMzggNzUuNzQgMjguMzggNzUuNzRIMFYyNjUuMTZaIiBjbGFzcz0iY2xzLTEiLz48cGF0aCBkPSJNMCAwdjYyNGwxMzQuMzkgMTMzLjA3YzE5LjAzIDE4Ljg2IDQzLjk4IDI4LjMgNjguOTMgMjguM3M0OS45LTkuNDMgNjguOTMtMjguM0w2MzcuMDkgMzk1LjVsMzY0Ljg0LTM2MS41OEMxMDI4LjI5IDExLjY2IDEwMjQgMCAxMDI0IDBIMFpNMTkyMCAxMDgwaC0zNzdsLTE0NS43MS0xNDYuMWMtMTguOTQtMTkuMTItMjguNDItNDQuMTctMjguNDItNjkuMjIgMC0yNS4wNSA5LjQ3LTUwLjExIDI4LjQyLTY5LjIyTDE5MjAgMjY4djgxMloiIGNsYXNzPSJjbHMtMSIvPjwvc3ZnPg==) no-repeat center center;

	:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0;
		padding: 0;
		z-index: -1;
	}

	.wrapper {
		width: 50%;
		margin: auto;
		margin-top: 5%;
		background-color: $white;
		box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.20);

		.header {
			background-color: #c0392b;
			color: $white;
			height: 15%;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.action {
			min-height: 30%;
			padding: 1.25em;
			color: #616161;
		}

		.disable {
			min-height: 10%;
			padding: 1.25em;
			color: #616161;
		}
	}
}
