@charset "utf-8";
/* CSS Document */

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

a, .scalebutton {
	color: #ffffff;
	text-decoration: none;
}

a:hover, .scalebutton:hover{
	text-shadow: 0px 0px 10px #ffffff, 0px 0px 4px #ffffff;
}

a:visited, a:active, a:focus {
	outline:none;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

.backdrop {
	background-color: #47044b;
	width: 900px;
	height: 500px;
}

.scrollbox {
	position: absolute;
	left: 75px;
	top: 310px;
	width: 170px;
	height: 150px;
	color: #ffffff;
	z-index: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mitem {
	position: absolute;
	width: 100%;
	height: 1em;
}

/* drawings */

.scaler {
	background-color: #47044b;
	width: 25px;
	height: 50px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	color: #ffffff;
	text-align:center;
	font-size:20px;
	border-radius: 3px;
	font-weight:bold;
	cursor: pointer;
}

/* websites */

.siteframe {
	background-color: #eeebe2;
	float:left;
	width: 400px;
	height: 193px;
	margin: 50px;
}