/* .App {
  text-align: center;
}

.App-logo {
  animation: App-logo-spin infinite 20s linear;
  height: 80px;
}

.App-header {
  background-color: #222;
  height: 170px;
  padding: 20px;
  color: white;
}

.App-intro {
  font-size: large;
}

@keyframes App-logo-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
} */

html, body, #root {
  background: #2C3338;
  height: 100%;
  margin: 0;
}

.body {
  height: 100%;
  min-height: 100%;
  background-color: #2c3338;
  position: relative;
}


/*Flexbox Centering*/
.aligner {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
}

.mainRow {
  display: table-cell;
  vertical-align: middle;
}

body {
  color: #333;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}
a {
  color: #007eff;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
  padding: 0 30px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: white !important;
  font-weight: 500;
  line-height: 1;
  margin-bottom: .66em;
  margin-top: 0;
}

.coinContainer p {
  font-size: 250%;
  color: white;
  display: block;
}

.centered {
  text-align: center;
}

.menu-button-container {
  position: absolute;
  z-index: 999;
  top: 10px;
  left: 10px;
}

.coinContainer {
  border-style: solid;
  border-width: 2px;
  border-color: white;
  padding: 10px;
}

.clickable {
  cursor: pointer;
}