:root{
    --primer: #006633;
    --sekunder: #ff6600;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    border: none;
    text-decoration: none;
}

body{
    font-family: 'Poppins', sans-serif;
    padding-top: 90px;
    background: #f4f4f4;
    margin: 10px;
    }
    
table{
    border-collapse:collapse;
    width:100%;
    background:white;
    }
    
    th,td{
    border:1px solid #ccc;
    padding:4px;
    }
    
    th{
    background:#000;
    color:white;
    }
    
    table thead th{
    position:relative;
    top:0;
    background:#006633;
    }
    
    tr:hover{
    background:#f2f6ff;
    }
    
    .kanan{
    text-align:right;
    }
    
    .tengah{
    text-align:center;
    }
    
    input,select,textarea,button{
    padding:8px;
    font-size:14px;
    font-family:'Poppins', sans-serif;
    }
    
    input[name="cari"]{
    width:350px;
    font-size:16px;
    }
    
@media (max-width: 1366px){
    html {
        font-size:75%;
    }
}

@media (max-width: 768px){
    html {
        font-size:62.5%;
    }
}
@media (max-width: 450px){
    html {
        font-size:50%;
    }
}