body {
    font-family: 'Roboto', sans-serif;
    background-color: #121212;
    color: white;
}

.arrow {
    border: solid #747474;
    border-width: 0 0.2171875vw 0.2171875vw 0;
    display: inline-block;
    padding: 0.2171875vw;
  }
  
  .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  
  .arrow2 {
    border: solid #aaee22;
    border-width: 0 0.2171875vw 0.2171875vw 0;
    display: inline-block;
    padding: 0.2171875vw;
  }
  
  .down2 {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  
  table {
    width: 30vw;
    border: 0.1vw solid #747474;
    border-collapse: collapse;
    font-size: 1vw;
    margin: auto;
  }
  
  td {
    border: 0.1vw solid #747474;
    height: 2vw;
  }

  .divSpace {
    height: 4vw;
    width: 99vw;
    overflow: hidden;
    margin: auto;
}

  .divSpace2 {
    height: 4vw;
    width: 30vw;
    overflow: hidden;
    margin: auto;
    padding-top: 0.5vw;
  }

  .publicCode {
    float: left;
    height: 2.5vw;
    width: 6vw;
    text-align: center;
    font-size: 2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3vw
  }

  .frontText {
    height: 2.5vw;;
    /* width: 20vw; */
    padding-left: 1vw;
    text-align: left;
    font-size: 2vw;
    display: flex;
    align-items: center;
    justify-content: left;
}



  @font-face {
    font-family:"Mobitec (13x9) Regular";
    src:url("Mobitec__13x9__Regular/mobitec__13x9.eot?") 
        format("eot"),url("Mobitec__13x9__Regular/mobitec__13x9.woff") 
        format("woff"),url("Mobitec__13x9__Regular/mobitec__13x9.ttf") 
        format("truetype"),url("Mobitec__13x9__Regular/mobitec__13x9.svg#Mobitec-(13x9)") 
        format("svg");
    font-weight:normal;
    font-style:normal;
}

  /* h1 {
      font-family:"Mobitec (13x9) Regular";
      font-size: 7vw;
      font-weight:normal;
      font-style:normal;
      color: orange;
      margin: auto;
      letter-spacing: 0.2vw;
  } */