* {
    font-family: tahoma;
}

.header {
    display: flex; /* agar content selanjutnya berada disamping bukan dibawah */
    background-color: cornflowerblue;
    padding: 10px;
    justify-content: center; /* membuat content berada di tengah */
}

.header-title {
    color: cornsilk;
    font-size: 3em;
    font-weight: bold;
    text-decoration: none;
}

.header:hover { /* hover : saat di arahin mousenya */
    background-color: cadetblue;
}

/* artikel-1 - artikel-2 */
.judul {
    display: flex;
    background-color: coral;
    padding: 5px;
    margin-top: 10px;
    justify-content: center;
    font-size: 20px;
    color: aliceblue;
}

/* konten */
.konten {
    max-width: 500px;
    margin: 0 auto 0 auto; /* top-right-bottom-left */
}

span {
    color: blue;
}

/* credit */
.konten-credit {
    font-size: 14px;
    font-weight: normal;
}

.penulis {
    color: crimson;
}

.tanggal {
    color: olive;
}

/* halaman utama container */
.container {
    display: flex; /* agar content selanjutnya berada disamping bukan dibawah */
    flex-wrap: wrap; /* agar saat layar dikecilin content akan otomatis turun kebawah jadi textnya teratur */
    justify-content: center;
}

.box-preview {
    width: 300px;
    margin: 20px;
    background-color: antiquewhite;
    padding: 10px;
}

.box-preview-judul {
    font-size: 1.2em;
    height: 60px;
    font-weight: bold;
}

.box-preview-credit {
    font-style: italic;
}

.box-preview:hover {
    background-color: #efefef;
}