@font-face {
    font-family: IBMPLex;
    src: url(../fonts/IBMPlexSans.ttf);
  }
  
  table, button, label, form, div{
      font-family: IBMPLex !important;
  }
  

html, body{
    background-color: #F8F8F8;
    margin: 0;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #212529;
    text-align: left;
}

.card{
    background-color: #F8F8F8;
    border: 0;
}

.buttonLogin{
    background-color: #061551;
    color: #FFF;
    width: 100%;
    font-size: 20px;
}

.buttonLogin:hover {
    color: #3498DB;
}


input[type=text], input[type=password] {
    background-color: #F8F8F8 !important;
    box-sizing: border-box;  
    border: 2px solid #061551;
}


input[type=text]:focus, input[type=password]:focus{
    background-color: #F8F8F8 !important;
    border: 2px solid #061551;
    -webkit-box-shadow: none;
    box-shadow: none;
}


#text{
    stroke-dasharray: 3186;
    animation: 5s fillSvg linear;
}

@keyframes fillSvg{
    0%{
        stroke-dashoffset: 3186;
    }
    100%{
        stroke-dashoffset: 0;
    }
}