Testinghh / style.css
GarGerry's picture
Update style.css
91bbfc3 verified
raw
history blame
976 Bytes
/* Header section - Sesuaikan warna dan ukuran */
header h1 {
font-size: 2rem;
font-weight: bold;
color: #002d63; /* Warna biru tua */
}
/* Currency selectors */
.currency-selectors {
display: flex;
justify-content: space-between; /* Agar dropdown tidak terlalu rapat */
align-items: center;
gap: 10px;
}
span {
font-size: 16px; /* Ukuran teks 'to' */
font-weight: bold;
color: #555;
}
/* Tombol Convert */
button {
padding: 15px;
background-color: #0056b3; /* Warna biru yang lebih gelap */
color: #ffffff;
border: none;
border-radius: 10px;
font-size: 18px;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
}
button:hover {
background-color: #003d80; /* Warna hover lebih gelap */
}
/* Result box - Tambahan gaya */
#result {
font-size: 18px;
font-weight: bold;
color: #0056b3; /* Warna biru */
background-color: #eef6ff; /* Latar belakang biru muda */
border: 1px solid #d4eaff; /* Border biru muda */
}