50 lines
944 B
CSS
50 lines
944 B
CSS
/* External CSS: mengatur posisi header */
|
|
.header {
|
|
margin: 1em auto;
|
|
width: min(1500px, 100%);
|
|
}
|
|
|
|
/* External CSS: mengatur posisi navigasi */
|
|
.nav {
|
|
margin: 1em auto 3em auto;
|
|
width: min(1500px, 100%);
|
|
}
|
|
|
|
/* Mengatur posisi menu Home */
|
|
.nav li:first-child {
|
|
margin-right: auto;
|
|
}
|
|
|
|
.nav a {
|
|
display: block;
|
|
color: #222222;
|
|
text-decoration: none;
|
|
padding: 8px 12px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.nav a:hover {
|
|
background-color: #d0d0d0;
|
|
}
|
|
|
|
/* External CSS: mengatur layout container utama */
|
|
.flex-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
width: min(1100px, 100%);
|
|
margin: 0 auto;
|
|
box-sizing: border-box;
|
|
background-color: #ffffff;
|
|
border: 1px solid #bdbdbd;
|
|
border-radius: 12px;
|
|
padding: 30px;
|
|
}
|
|
|
|
/* External CSS: mengatur tampilan footer */
|
|
footer {
|
|
margin-top: 3rem;
|
|
padding: 20px;
|
|
text-align: center;
|
|
} |