body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

button {
	border: 1px solid #aaa;
	padding: 4px 9px;
	font-size: 13px;
}

a {
	text-decoration: none;
	font-size: 12px;
	color: #ac4343;
}

.main-container {
    display: flex;
}

.container-header {
	font-size: 24px;
	background-color: #edf7ed;
	padding: 12px;
}

.container-body {
	padding: 13px;
}

.container {
	width: 100%;
	border: 1px solid #aaa;
	border-radius: 5px;
	margin: 50px 10px;
    box-shadow: 0 3px 5px -1px rgba(0,0,0,0.3);
    overflow: hidden;
}

/* MATERIAL DESIGN COMPONENTS WEB COMPONENTS */
.material-theme {
    font-family: Roboto, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.material-theme ul mwc-icon-button {
    vertical-align: middle;
}

/* WEIGHTLESS */
.weightless-theme {
    font-family: 'Roboto Condensed', 'Helvetica Neue', sans-serif;
}

wl-select, wl-textfield {
	width: 48%;
	display: inline-block;
	margin: 10px 5px;
}

.weightless-theme ul wl-button {
    vertical-align: middle;
}

/* WIRED ELEMENTS */
.wired-theme {
    font-family: 'Gloria Hallelujah', cursive;
}

.wired-theme ul wired-icon-button {
    vertical-align: middle;
}

wired-card {
	display: block;
}

/* IONIC ELEMENTS */
.ionic-theme ul ion-button {
	vertical-align: middle;
}