@import url('https://fonts.googleapis.com/css2?family=Delius&family=MonteCarlo&family=Playfair+Display:ital@0;1&family=Karla&display=swap');

body {
    font-size:13px;
}

a {text-decoration:underline;font-weight:normal;color:#5793cf;}
a:hover {text-decoration:none;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

body {
    margin:50px auto;
    font-family: 'Karla', sans-serif;
    text-align:center;
}
.suku {
    margin:20px auto;
    width:80%;
    border:1px solid #999;
    border-radius:3px;
}
.suku td {
    border:1px solid #999;
    border-radius:3px;
    padding:5px 10px;
    text-align:left;
}
.info {
    font-size:10px;
    text-transform:uppercase;
    border:1px solid #999;
    padding:1px 2px;
    margin:0 2px;
    border-radius:2px;
}

.i  {background-color:rgba(167,199,231,0.5);}
.e  {background-color:rgba(188,175,207,0.5);}

.flex-container {
    width:80%;
    margin:20px auto;
    display:flex;
}
.flex-item {
    flex:1;
    text-align:left;
}
h1 {
    text-align:center;
}