@font-face {
  font-family: "binance";
  src: url("https://db.onlinewebfonts.com/t/d05c19ccecf7003d248c60ffd6b5e8f7.eot");
  src: url("https://db.onlinewebfonts.com/t/d05c19ccecf7003d248c60ffd6b5e8f7.eot?#iefix") format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/d05c19ccecf7003d248c60ffd6b5e8f7.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/d05c19ccecf7003d248c60ffd6b5e8f7.woff") format("woff"), url("https://db.onlinewebfonts.com/t/d05c19ccecf7003d248c60ffd6b5e8f7.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/d05c19ccecf7003d248c60ffd6b5e8f7.svg#Binance PLEX") format("svg");
}
* {
  margin: 0;
  padding: 0;
  font-family: inter;
  color: gray;
}

.light {
  color: rgb(238, 238, 238);
}

.num {
  font-family: binance;
}

body {
  background-color: #1c1c1c;
}
body .container {
  margin: 20px auto;
  padding: 0px 16px;
}
@media (min-width: 768px) {
  body .container {
    max-width: 450px;
  }
}
body .container nav {
  display: grid;
  grid-template-columns: 25px auto 25px;
}
body .container nav .centre {
  text-align: center;
}
body .container header {
  text-align: center;
  margin: 24px 0px;
}
body .container header .lg-num {
  font-size: 28px;
}
body .container section.tr-info {
  padding: 16px;
  margin: 32px 0px;
  border-radius: 8px;
  font-size: 12px;
  background-color: rgb(39, 39, 39);
  display: grid;
  gap: 32px;
}
body .container section.tr-info .key-val {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
}
body .container section.tr-info .key-val .key.net-fee {
  display: flex;
  align-items: center;
  gap: 4px;
}
body .container section.tr-info .key-val .val {
  text-align: right;
}

/*# sourceMappingURL=style.css.map */