/*
 * The MIT License (MIT)
 * 
 * Copyright (c) 2014-2018 Materialize
 * 
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * 
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */

body {
	font-family: sans-serif;
	background: #FAFAFA;
	color: #757575;
	padding: 0;
	margin: 0;
}

#site-title {
	background: var(--main-color);
	margin: 0;
	padding: 12px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	color: #FFF;
}

.content-wrapper {
	padding: 0 12px;
}

.h2, .p, .btn {
	width: fit-content;
	min-width: 64px;
}

.h1 {
	display: block;
	font-size: 2em;
	font-weight: bold;
}

.h2 {
	display: block;
	font-size: 1.4em;
	font-weight: bold;
}

.h3 {
	display: block;
	font-size: 1em;
	font-weight: bold;
}

.btn {
	border: none;
	border-radius: 2px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 16px;
	text-transform: uppercase;
	vertical-align: middle;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #FAFAFA;
	background: var(--main-color);
	cursor: pointer;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	transition: filter .2s ease-out, background-color .2s ease-out, color .2s ease-out, box-shadow .25s cubic-bezier(0.4, 0, 0.2, 1);
	margin: 6px 0;
	user-select: none;
}

.btn:hover {
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
	filter: brightness(0.95);
}

.btn:active {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	filter: brightness(0.975);
}

.btn:disabled {
	color: #9f9f9f;
	background: #dfdfdf;
	box-shadow: none;
	pointer-events: none;
}

a, a:link, a:visited, a:hover, a:active {
	color: #ff4081;
	font-weight: 500;
	text-decoration: none;
}