@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

body { background-color: #14142b; }
h1 { margin: 20px 0; }
h1 img { height: 80px; margin: 0.5em 0; }
select { -webkit-appearance:none; }

/* Tweaks to Bootstrap */
.btn-primary { background-color: #c12469; border-color: #c12469; }
.btn-primary:hover { background-color: #a41f59; border-color: #9a1d54; }
.btn-outline-secondary { border-color: #9cfbef; color: #9cfbef; }
.btn-outline-secondary:hover { background-color: #9cfbef; border-color: #9cfbef; color: #14142b; }
.form-control { background-color: #4e4b66; border-color: #4e4b66; color: #fff; }
.form-control:focus { background-color: #4e4b66; color: #fff; box-shadow: none; }

/* Tailwind-a-like */
.font-bold { font-weight: 700; }
.font-medium { font-weight: 600; }
.font-sans { font-family: 'Poppins', sans-serif; }
.font-serif { font-family: 'Domine', serif; }
.text-center { text-align: center; }
.text-grayscale-label { color: #6e7191; }
.text-white { color: #fff; }