// Variables
$app-width: 600px;
$app-smallpad: 2em;

* {
	font-family: 'Lato', Helvetica, Arial, sans-serif;
}

.app {
	
}

.app-innerapp {
	width: $app-width;
	
	// Center everything on screen
	left: 50%;
	margin-left: -($app-width / 2);
}

.app-dash {
	text-align: center;
	padding-bottom: $app-smallpad;
}

.app-uuidoutputbox {
	width: $app-width * 0.9;
	height: $app-width * 0.25;
	margin-bottom: $app-smallpad;
	
	text-align: left;
	font-family: monospace;
	font-size: 1em;
}

.app-moreinfoswitch {
	cursor: pointer; // So users know it's clickable
}

.app-moreoptionsdrawer {
	text-align: center;
}

.app-saveprefsbutton {
	margin: $app-smallpad / 2;
}

.app-removeprefsbutton {
	
}

.app-footer {	
	text-align: center;
	padding-top: $app-smallpad;
	padding-bottom: $app-smallpad;
}

// ------------------------------------------

a:link, a:visited {
	text-decoration: none;
	color: inherit;
}

h1 {
	font-size: 4em;
}