styles.css

body {
  margin: auto;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  

  color :#fff;
  background: #0f0f0f; 
}

.center {
  text-align: center;
}

.glorp {
  text-decoration: none;
  font-size: 42px;
  white-space: nowrap;
  overflow: hidden;
  display: inline;
  text-overflow: ellipsis;
  margin-right: 10px;
  background: #f92929; 
  text-align: left;
}

.app {
  background: linear-gradient(180deg, #0f0f0f 0%, #806e45 100%);
  padding: 30px;
  
}

.myButton {
	box-shadow:inset 0px 1px 0px 0px #000000;
	background:linear-gradient(to bottom, #663a38 5%, #3b1311 100%);
	background-color:#663a38;
	border-radius:3px;
	border:1px solid #522e2c;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:13px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #000000;
}
.myButton:hover {
	background:linear-gradient(to bottom, #3b1311 5%, #663a38 100%);
	background-color:#3b1311;
  border:1px solid #ff2e2c;
}
.myButton:active {
	position:relative;
	top:1px;
}  

.wide{
width: 100%;
}

.list-group{
  background: #0f0f0f;
  border-radius: 4px;
  padding: 5px;
  max-width: 95%;

  margin: auto;
  width: 95%;
  border: 3px solid white;
  padding: 10px;
}

.list-group-item{
  background: #111;
  box-shadow: 1px 1px 1px rgba(0,0,0, 0.15);
  border: 2px solid black;
  padding: 3px 10px;
  font-size: 24px;
  margin-bottom: 6px;
  border-radius: 3px;
  display:flex;
  align-items: center;
  justify-content: space-between;
}