@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body {
  font-family: "Open Sans", sans-serif;
  background-color: #121212;
  color: #fff;
  margin: 0;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container {
  width: 420px;
  gap: 20px;
  font-size: 14px;
  color: #b5b5b5;
}

.side {
  border-radius: 5px;
  background-color: #1c1c1c;
  padding: 10px;
}

.header {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}

.section {
  margin-bottom: 20px;
}
.section a {
  color: #ffae13;
  text-decoration: none;
  font-weight: bold;
}
.section-title {
  font-size: 0.9rem;
  font-weight: bold;
  margin-bottom: 10px;
  color: #aaa;
}
.section.hidden {
  display: none;
}
#data {
  display: flex;
  flex-wrap: wrap;
  background: #262626;
  padding: 1px 10px;
  border-radius: 5px;
  font-size: 13px;
  color: #ccc;
}
#data div {
  width: calc(50% - 20px);
  padding: 10px;
}
#buttons {
  margin: 0 auto;
}
.button {
  background-color: #121212;
  border: 1px solid #121212;
  border-radius: 5px;
  width: 75%;
  display:inline-block;
  cursor:pointer;
  color: green;
  font-family: 'Open Sans', sans-serif;
  font-size:20px;
  font-weight:bold;
  padding:15px 25px;
  text-decoration:none;
  margin: 0 auto 20px auto;
  display: block;
}
.item {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background-color: #262626;
  padding: 12px 15px;
  border-radius: 8px;
  margin-bottom: 12px;
  cursor: pointer;
  transition: background-color 0.2s;
  gap: 10px;
}
.item-icon span {
  font-size: 20px;
}
.item input {
  background: #121212;
  color: #ccc;
  border: 0;
  padding: 10px;
  font-size: 15px;
  font-weight: bold;
  border-radius: 8px;
  text-align: center;
  width: 80%;
  -moz-transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
}
.item input:disabled {
  background-color: #262626;
  cursor:not-allowed;
}
.console {
  background-color: #262626;
  font-size: 13px;
  line-height: 17px;
  padding: 10px;
  color: #ccc;
  border-radius: 5px;
}
.console ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.console li {
  padding: 0;
  margin: 0;
}
.console li.warn {
  color: #ff5c5c;
}
.console li.ok {
  color: #45ff96;
}