html,
body {
	height: 100%;
	margin: 0px;
	font-family: "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
	font-size: x-large;
}
.xxlarge-font {
	font-size: xx-large;
}
.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
.topright {
	position: fixed;
	top: 0%;
	left: 100%;
	transform: translate(-100%, 0%);
}
.horizontalright {
  position: fixed;
  top: 50%;
  left: 100%;
  transform: translate(-100%, -50%);
}
.horizontalleft {
  position: fixed;
  top: 50%;
  left: 00%;
  transform: translate(00%, -50%);
}