* {
    box-sizing: border-box;
  }
  
  body {
    font-family: Arial, Helvetica, sans-serif;
  }
  
  /* Float four columns side by side */
  .column {
    float: left;
    width: 25%;
    padding: 5px 5px;
  }
  
  /* Remove extra left and right margins, due to padding */
  .row {margin: 0 -5px;}
  
  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* Responsive columns */
  @media screen and (max-width: 600px) {
    .column {
      width: 50%;
      display: block;
      margin-bottom: 5px;
      
    }
  }
  
  /* Style the counter cards */
  .card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    padding: 1px;
    text-align: center;
    background-color: #f1f1f1;
    border-radius: 8px;   
  }

  .cardimg {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    

  }

  .cardtxt {
    margin-right: 5px;
    margin-left: 5px;
    
    
  }
  .produk {
      
      text-align: left;
      background-color: #f1f1f1;
    }
  
    
      
    a.background-n1, 
    .border-n1 {
    border-color: #c65d9f; }
    
    a.background-n2,
    .border-n2 {
    border-color: #42ab34; }
    
    a.background-n3,
    .border-n3 {
    border-color: #d88f0d; }
    
    a.background-n4, 
    .border-n4 {
    border-color: #d91177; }
    
    a.background-n5, 
    .border-n5 {
    border-color: #2e4798; }
    
    
    
        
        
    
    
        
    
    .block-link {
    display: block;
    text-decoration: none;
  
    
    
  
    text-align: left;
    border-left: solid #333 9px; }
    
    .block-link.block-link-dark {
        width: 200px;
        background: #333;
        color: #fff; }
        
    
    .st-kanji {
    
        font-size: 0.75em !important;
        background-color: #142ecc !important;
        padding: 8px 12px; }
        
        .st-polakalimat {
        font-size: 0.75em !important;
        background-color: #d90a76 !important;
        }
        
        
        .st-kosakata {
        
        font-size: 0.75em !important;
        background-color: #d98e0a !important;
        padding: 8px 12px; }
        
        
        
        
        
        
        
    * {
    box-sizing: border-box;
    }
    
    body {
    font-family: Arial, Helvetica, sans-serif;
    }
    
    /* Float four columns side by side */
  
    
    /* Remove extra left and right margins, due to padding */
    .row {margin: 0 -5px;}
    
    /* Clear floats after the columns */
    .row:after {
    content: "";
    display: table;
    clear: both;
    }
    .produk{
        max-width: 100%;
    }
    
    .bgflashcard {
      background: url("https://cf.shopee.co.id/file/sg-11134201-22110-wmmw5ykv0hkv72") ;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      border-radius: 5px;
    }
    

    .pre, code {
      padding:10px;
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
      display:block; 
      white-space: pre-wrap;  
      white-space: -moz-pre-wrap; 
      white-space: -pre-wrap; 
      white-space: -o-pre-wrap; 
      word-wrap: break-word; 
      width:100%; overflow-x:auto;
     }