* {
box-sizing: border-box; /* Mengatur semua elemen agar ukuran lebar/tinggi mencakup padding dan border */
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif; /* Font default seluruh halaman */
}

.column {
float: left; /* Membuat kolom sejajar horizontal */
}

.row::after {
content: ""; /* Clear float */
display: table;
clear: both;
}
/* 
.free {
  color: white;
   font-weight: 600; 
   text-decoration: none;
    padding-right: 20px;
} */

.texar {
  width: 88%;
  height: 120px;
  font-size: 12px;
  border: none;
  padding-left: 10px;
  padding-top: 3px;
  background-color: rgb(217, 217, 217);
  /* background: transparent;
  border-bottom: 1px solid #000000;
  padding-bottom: 5px;
  outline: none; */
}

.gg {
  background-color: rgb(217, 217, 217);
  border: none;
  width: 88%;
  height: 50px;
  padding-left: 10px;
}

.button {
  
  background-color: #e0e0e09d;
  color: white;
  padding: 9px 20px;
  font-size: 14px;
  border: none;
  width: 88%;
  font-weight: 600;
  transition: 1s;
  border-radius: 20px;
  text-decoration: none;
}

.button:hover {
  background-color: #d8d8d8;
  text-decoration: none;
}

.rere {
  height: 50px; 
  font-size: 17px;
  width: 92%; 
  background-color: rgb(228, 228, 228); 
  border: none;
  padding-left: 20px;
}

.better {
  margin-top: 10px;
  background-color: rgba(0, 0, 0, 0.23);
  color: rgb(255, 255, 255);
  padding: 12px 20px;
  font-size: 14px;
  border: none;
  width: 92%;
  font-weight: 400;
  transition: 1s;
  border-radius: 25px;
  text-decoration: none;
}
.better:hover {
  background-color: #d4d4d4;
  color: white;
  text-decoration: none;
}

.bebek {
  margin-top: 10px;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  padding: 12px 20px;
  font-size: 12px;
  border: none;
  width: 92%;
  font-weight: 400;
  transition: 1s;
  border-radius: 25px;
  text-decoration: none;
  letter-spacing: 2px;
}
.bebek:hover {
  background-color: #cccccc;
  color: rgb(0, 0, 0);
  text-decoration: none;
}
.bulat {
  margin-top: 10px;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  padding: 12px 20px;
  font-size: 14px;
  border: none;
  width: 92%;
  font-weight: 400;
  transition: 1s;
  border-radius: 25px;
  text-decoration: none;
  letter-spacing: 2px;
}
.bulat:hover {
  background-color: #c3c3c3;
  color: rgb(255, 255, 255);
  text-decoration: none;
}

.foto {
  width: 15px;
  height: auto;
  display: block;
}

.foto-background {
background-color: rgba(128, 128, 128, 0.163);
padding: 10px;
display: inline-block;
border-radius: 20px;
}
.fotoo {
  width: 15px;
  height: auto;
  display: block;
}

.foto-backgroundd {
background-color: rgb(0, 0, 0);
padding: 10px;
display: inline-block;
border-radius: 20px;
}

.boto {
background-color: rgb(227, 235, 0);
color: rgb(0, 0, 0);
text-align: center;
text-decoration: none;
display: inline-block;
padding: 15px 35px 15px 35px;
font-size: 15px;
transition: 1s;
border: none  ;
/* border-radius: 20%; */
}

.boto:hover {
background-color: #00ffee;
text-decoration: none;
color: rgb(255, 0, 0);
}
.navbar a {
      color: #f2f2f2; /* Warna teks default */
      text-decoration: none; /* Menghilangkan garis bawah */
      font-size: 12px; /* Ukuran teks */
      padding-right: 35px;
      transition: 0.5s;
    }

    .navbar a:hover {
      color:rgb(32, 255, 77); /* Warna saat kursor diarahkan */
    }
    /* background-color: aliceblue; color: black; */