/* Reset beberapa elemen */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Styling untuk body */
body {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  margin-top:77px
}

/* Styling untuk header */
header {
  position:fixed;
  top:0;
  left:0;
  widht:100%;
  background:linear-gradient(to bottom,#000000 90%,#3B3034 100%);
    color: #fff;
  padding: 0px 0;
  z-index:1000
}

nav ul {
  display: flex;
  justify-content: left;
  list-style-type: none;
}

nav ul li {
  margin: 0 20px;
}

nav ul li a {
  color: white;
  text-decoration: none;
  font-size: 18px;
}

/* Styling untuk section */
section {
  text-align: center;
  padding: 20px;
}

footer {
  text-align: center;
  padding: 3px;
  background-color: #3B3034;
  color: white;
}
img {
	max-width:100%;
	height:auto;
}

.container {
	width:93%;
	height:100%;
	margin:auto;
	padding:0px;
	border:0px solid #ddd;
}

.isi-container {
	
	width:100%;
	height:100%;
	transition: transform 0.3s ease-in-out;
}

@media (max-width:768px) {
.container {
	transform: scale(1);	
}
}

@media (max-width:400px) {
.container {
	transform: scale(1);	
}
}

@media (max-width:768px) {
.isi-container {
	transform: scale(0.8);	
}
}

@media (max-width:400px) {
.isi-container {
	transform: scale(0.6);	
}
}