:root {
  --night: #16213a;
  --night-deep: #0e1629;
  --moon: #f3ecd8;
  --ginger: #e8912d;
  --eye: #8fe3b0;
  --muted: #a9b1c6;
}

html { height: 100%; width: 450px; }

body {
  min-height: 100%;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  line-height: 1.6;
  display: flex;
  flex-direction: column;
  margin: 0;
  
}

.box {
	padding: 12px 16px 12px 16px;  /* Top Right Bottom Left */
	background-color: #000000;
	display: flex;
	align-items: center;
	width: 100%;
}

.outerbox {
	padding: 12px 16px 12px 16px;  /* Top Right Bottom Left */
	background-color: #00000000;
	height: 100%;
	width: 100%;
}

.innerbox {
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	height: 500px;
	width: 100%;
}

.logo {
	width: 40px;
	height: 40px;
	margin: 0 12px 0 0;
}

h1 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 32px;
}