81 lines
1.5 KiB
CSS
81 lines
1.5 KiB
CSS
@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;
|
|
}
|