/* body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

 main {
    flex: 1 0 auto;
 } */

 html {
    line-height: 1;
 }  

/* label color */
.input-field label {
    color: #000;
  }
  /* label focus color */
  .input-field input[type=text]:focus + label {
    color: #000;
  }
  /* label underline focus color */
  .input-field input[type=text]:focus {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
  }
  /* valid color */
  .input-field input[type=text].valid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
  }
  /* invalid color */
  .input-field input[type=text].invalid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
  }
  /* icon prefix focus color */
  .input-field .prefix.active {
    color: #000;
  }


.positionPista{
    font-size: 440%;
}

.lastTime{
    font-size: 29vw;
    font-weight: bolder;
    line-height: 0.70;
}

.txtUlimaVolta {
    margin-top: 1.5rem;
    margin-bottom: auto;
}

.Chrono{
    font-size: 3.5vw;
}


#kartAtual{
    font-size: 2.5vw;
}

#labelKartAtual{
    font-size: 2vw;
}

.timeToGo{
    font-size: 3.5vw
}

.timeTotal{
    font-size: 3.5vw
}

.lapsToGo{
    font-size: 3.5vw
}

.bestTimeValue{
    font-size: 3.5vw
}

.divGaps{
    margin: auto;
    position: fixed;
    bottom: 0;
    width: 100%;
}


.gapNext{
    height: 38%; 
    font-size: 12vh;
    line-height: 0.75;
}

.gapPrev{
    height: 38%;
    font-size: 12vh;
    line-height: 0.75;
}

.difLider{
    height: 38%;
    font-size: 12vh;
    line-height: 0.75;
}

.gapsPortrait{
    margin-bottom: 8vw;
}


.font90p{
    font-size: 90%;
}