/* Reset default margin dan padding */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Arial, sans-serif;
  line-height: 1.6;
  color: #ffbb00;
  background-color: #f3f0f0;
  text-align: center;
 
 
}
.container {
    width: 90%; /* Lebar kontainer */
    max-width: 400px; /* Lebar maksimum kontainer */
    margin: 50px auto; /* Margin atas/bawah 50px, tengah secara horizontal */
    padding: 20px; /* Padding di dalam kontainer */
    background: white; /* Warna latar belakang kontainer */
    border-radius: 30px; /* Sudut melengkung */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Bayangan */
}

h2 {
    text-align: center; /* Teks judul di tengah */
    color: #ff8c08; /* Warna judul */
    margin-bottom: 20px; /* Margin bawah judul */
}

label {
    display: block; /* Menampilkan label sebagai blok */
    margin: 10px 0 5px; /* Margin atas/bawah */
    font-weight: bold; /* Teks tebal */
}

input {
    width: 100%; /* Lebar input 100% dari kontainer */
    padding: 10px; /* Padding di dalam input */
    margin-bottom: 10px; /* Margin bawah input */
    border: 1px solid #131212; /* Garis batas */
    border-radius: 5px; /* Sudut melengkung */
    font-size: 16px; /* Ukuran font */
}

button {
    width: 100%; /* Lebar tombol 100% dari kontainer */
    padding: 10px; /* Padding di dalam tombol */
    background-color: #141313; /* Warna latar belakang tombol */
    color: rgb(255, 115, 0); /* Warna teks tombol */
    border: none; /* Tanpa garis batas */
    border-radius: 5px; /* Sudut melengkung */
    cursor: pointer; /* Kursor berubah saat hover */
    font-size: 16px; /* Ukuran font tombol */
    transition: background-color 0.3s; /* Transisi warna latar belakang */
}

button:hover {
    background-color: #000000; /* Warna latar belakang saat hover */
    
}

p {
    text-align: center; /* Teks paragraf di tengah */
    margin-top: 10px; /* Margin atas paragraf */
}

a {
    color: #faa200; /* Warna tautan */
    text-decoration: none; /* Tanpa garis bawah */
    
}

a:hover {
   text-decoration: underline; /* Garis bawah saat hover */
   

}
/* Reset CSS */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
  }
  
  /* Header */
  .header {
    background-color: #000000;
    color: rgb(241, 145, 0);
    font-size:30px ;
    padding: 20px 10px;
    display: flex;
    align-items: left;
    justify-content: space-between;
    font-size:5px;
  }
  
  /* Logo */
  .logo-container h1 {
    font-size: 25px;
    margin: 0;
  }
  
  /* Navigation Menu */
  .nav ul {
    list-style: none;
    display: block;
    gap: 15px;
  }
  
  .nav ul li {
    display: block;
  }
  
  .nav ul li a {
    color: rgb(230, 154, 13);
    font-size: 14px;
    line-height: 1.6;
  }
  
  .nav ul li a:hover {
    text-decoration: underline;
  }
  
  /* Main Content */
  .main-content {
    padding: 50px;
  }
  
  /* Dashboard Section */
  #dashboard h1 {
    font-size: 40px;
    color: #ffaf04;
  }
  
  #dashboard p {
    font-size: 18px;
    color: #f59609;
    margin-top: 10px;
  }
  
  /* About Section */
  #about h2 {
    font-size: 24px;
    color: #f1a009;
    margin-top: 20px;
  }
  /* Styling untuk elemen h3*/
  #h3{
    font-size: 40px;
    font-weight:bold;
    color:#ff8c08;
    margin-bottom: auto;
  }
  
  #about p {
    font-size: 16px;
    color: #ee9e09;
    margin-top: 0px;
    display: block;
    text-align: center;
    }
    
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      background-color: #302626;
      color: #12da12;
    }
    
    .logo-list {
      text-align: center;
      margin: 20px;
    }
    
    .logo-list h3 {
      font-size: 24px;
      color: #ff9a02;
      margin-bottom: 20px;
    }
    
    .logo-list ul {
      list-style: none; /* Hilangkan bullet */
      padding: 0;
      display: flex; /* Gunakan Flexbox untuk tata letak */
      flex-wrap: wrap; /* Bungkus jika item terlalu banyak */
      justify-content: center; /* Pusatkan daftar logo */
      gap: 20px; /* Jarak antar logo */
    }
    
    .logo-list li {
      display: flex;
      justify-content: center;
      align-items: center;
      border: 2px solid #000000; /* Bingkai logo */
      border-radius: 10px; /* Sudut membulat */
      padding: 10px;
      background-color: #f6f7f5;
      transition: transform 0.3s ease, box-shadow 0.3s ease; /* Efek hover */
    }
    
    .logo-list li:hover {
      transform: scale(1.1); /* Perbesar sedikit saat hover */
      box-shadow: 0 4px 8px rgba(216, 210, 210, 0.2); /* Bayangan saat hover */
    }
    
    .logo-list img {
      width: 150px; /* Ukuran logo */
      height: auto;
      max-width: 100%;
    }