.bigcheck { 
   height: 50px; 
   width: 50px; 
   color: #FFFF00; 
   background-color: #339933; 
   border: 1px solid #339933; 

}

body {
  padding-top: 5rem;


}
.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}

.results tr[visible='false'],
.no-result{
  display:none;
}

.results tr[visible='true']{
  display:table-row;
}

.counter{
  padding:8px; 
  color:#ccc;
}

 #spinner {
      display: none;
      margin-top: 10px;
    }

    .spinner {
      border: 6px solid #f3f3f3;
      border-top: 6px solid #3498db;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      animation: spin 1s linear infinite;
      margin: 10px auto;
    }

    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }