@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

.custom-button {
    margin: 0 ; /* Ngejarakin pada sisi luar */
    padding: 10px ; /* Ngejarakin pada sisi dalam */
}

header {
    background-color: #2E3440; /* Warna background */
    color:#E5E9F0; /* Warna teks */
    padding-top: 20px; /* Jarak atas */
    padding-bottom: 30px; /* Jarak bawah */
    text-align: center; 
    font-family: "Open Sans", serif;
}

nav {
    padding-top: 20px; /* Jarak atas */
    height: 50px; /* Tinggi */
    background-color: #4C566A; /* Warna background */
}

.kolom-samping {
    float: left;
    width: 25%;
    text-align: center;
}

.menu-item {
    color:#E5E9F0;
}

.team-profile {
    display: flex;
}

.team-profile > div {
    width: 100%;
    text-align: center;
    padding: 5px;
}

.team-profile > div > img {
    width: 50%;
}

.judul {
    text-align: center;
}

.container-article {
    display: grid;
    grid-template-areas: 
    "header header"
    "menu article"
    "footer footer";
    grid-template-columns: 1fr 3fr;
    gap:20px;
    padding: 5px;
    background-color: #ff9999;
}
.container-article > div {
    background-color: #bbb;
    grid-area: header;
}
.container-article > aside {
    background-color: #bbb;
    grid-area: menu;
    padding: 10px;
}
.container-article > article {
    background-color: #bbb;
    grid-area: article;
    padding: 10px;
}
.container-article > footer {
    background-color: #bbb;
    grid-area: footer;
    padding: 10px;
}