.w3-theme-l5 {color:#000 !important; background-color:#fef2f6 !important}
.w3-theme-l4 {color:#000 !important; background-color:#fbd2e0 !important}
.w3-theme-l3 {color:#000 !important; background-color:#f6a6c1 !important}
.w3-theme-l2 {color:#F8FDFF !important; background-color:#F8FDFF !important}
.w3-theme-l1 {color:#F8FDFF !important; background-color:#460000 !important}
.w3-theme-l1x {color:#460000 !important; background-color:#F8FDFF !important}
.w3-theme-d1 {color:#F8FDFF !important; background-color:#d91557 !important}
.w3-theme-d2 {color:#F8FDFF !important; background-color:#c1134d !important}
.w3-theme-d3 {color:#F8FDFF !important; background-color:#a91143 !important}
.w3-theme-d4 {color:#F8FDFF !important; background-color:#910e3a !important}
.w3-theme-d5 {color:#F8FDFF !important; background-color:#790c30 !important}

.w3-theme-light {color:#000 !important; background-color:#fef2f6 !important}
.w3-theme-dark {color:#F8FDFF !important; background-color:#790c30 !important}
.w3-theme-action {color:#F8FDFF !important; background-color:#790c30 !important}

.w3-theme {color:#F8FDFF !important; background-color:#e91e63 !important}
.w3-text-theme {color:#e91e63 !important}
.w3-border-theme {border-color:#e91e63 !important}

.w3-hover-theme:hover {color:#F8FDFF !important; background-color:#e91e63 !important}
.w3-hover-text-theme:hover {color:#e91e63 !important}
.w3-hover-border-theme:hover {border-color:#e91e63 !important}


body {
	color: #FFF;
	background-color: #460000;
}
.tengah {
	text-align: center;
}
h1, .h1 {
	font-size: 1.6rem;
	font-weight: bold;
}
h2, .h2 {
	font-size: 1.3rem;
	font-weight: bold;
	padding-bottom: 15px;
}
h3, .h3 {
	font-size: 1.1rem;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}
.kecil{
	font-size:6pt;
}
.kecil2{
	font-size:7pt;
}
.kecil3{
	font-size:9pt;
}
.container {
	width: 100%;
	height: 100%;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 30px;
	padding-top: 15px;
	margin-right: auto;
	margin-left: auto;
}
.linkx {
	width: 90%;
}
.tebal {
	font-weight: bold;
}
.merah {
	background: #ff8585;
	color: #fff;
}
hr {
	border-top: 1px dashed #460000;
	margin: 10px;
}
.links-container {
	display: flex;
	flex-direction: column;
	jusify-content: center;
	align-items: center;
}

.links-container a {
	width: 90%;
}
.links-container button {
	width: 90%;
}

.w3-theme-l1:hover {
  background-color: #F8FDFF !important;
  color: #460000 !important;
}

.margin-top-2 {
  margin-top: 32px;
}

.bottom {
  width: 100%;
  text-align: center;
  width: auto;
  font-weight: bolder;
}

.bottom span {
  color: #33B9FF;
}

.bottom svg {
  stroke: #33B9FF;
  fill: #33B9FF;
}

.flhome{
	font-weight:bold;
	position:fixed;
	padding:7px;
	width:90px;
	height:40px;
	bottom:20px;
	right:20px;
	background-color:#FFF;
	color:#460000;
	border-color:#460000;
	border-radius:10px;
	text-align:center;
	text-decoration: none;
	cursor: pointer;
}

.flhome2{
	margin-top:22px;
}

@media (min-width: 768px) {
  .link {
    width: 100%;
  }
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}