:root {
  --font-judul: "Lilita One";
  --font-biasa: "Hind Mysuru";
  --warna-utama: #7764e2;
  --warna-kedua: #f3f3f3;
}
body {
  font-family: var(--font-biasa);
}
.cont {
  height: 100vh;
}
.form-login {
  justify-content: center;
  align-items: center;
  display: flex;
  height: 100vh;
}
.login {
  margin-bottom: 20px;
  width: 280px;
}
.login header {
  font-family: var(--font-judul);
  margin-bottom: 30px;
  text-align: center;
  font-size: 24px;
}
form label {
  font-weight: bold;
}
form input {
  padding: 10px;
  width: 100%;
  border-radius: 10px;
  border-color: darkgray;
}

input[type="submit"] {
  background-color: var(--warna-utama);
  border-color: #7764e2;
  color: white;
  font-weight: bold;
}
.bungkuslink {
  margin-top: 20px;
}
.link {
  width: 100%;
  font-size: 12px;
  text-align: center;
}
.sosmed {
  justify-content: center;
  align-items: center;
  display: flex;
  margin-top: 20px;
  gap: 15px;
}
.google:hover,
.facebook:hover,
.github:hover {
  cursor: pointer;
}
.full-screen-image {
  height: 100vh; /* Tinggi 100% dari viewport */
  width: 600px; /* Menjaga rasio aspek */
  display: block; /* Menghilangkan padding/margin default */
  margin: 0 auto; /* Memposisikan gambar di tengah horizontal */
  object-fit: cover; /* Alternatif untuk memastikan gambar mengisi area */
}