.tebal {
    font-weight:700;
}
.poppins {
    font-family: 'Poppins', sans-serif;
    font-weight: 100;
}
.mont {
    font-family: 'Montserrat', sans-serif;
    font-size: 13pt;
    font-weight: 600;
}
.textbesar {
    font-size: 30pt;
}
.judul {
    font-size: 24pt;
}
.subjudul {
    font-size: 18pt;
}
.nama {
    font-size: 14pt;
    font-weight: 900;
}
.jabatan {
    font-size: 12pt;
}
.bg {
    background: rgb(2,0,36);
    background: linear-gradient(15deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 47%, rgba(0,212,255,1) 100%);
}
.justify {
    text-align: justify;
}
.textkecil {
    font-size: 11pt;
}
.float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
}
.float:hover {
    color: #25d366;
    background-color: #FFF;
}
.my-float{
    margin-top:16px;
}
.visimisi {
    font-family: "Nunito", sans-serif;
    font-size: 16pt;
}
.ininput {
    display: none;
    visibility: hidden;
}
.inlabel {
    display: block;
    text-align: center;
    color: #ffc107;
}
.inlabel:hover {
    color: #000;
}
.inlabel::before {
    font-family: Consolas, monaco, monospace;
    font-weight: bold;
    font-size: 10px;
    content: "+ KLIK UNTUK DETAIL";
    vertical-align: text-top;
    display: inline-block;
    width: auto;
    height: auto;
    margin-top: 2px;
    margin-right: 3px;
}
.expand {
    height: 0px;
    overflow: hidden;
    transition: height 0.5s;
}
.toggle:checked ~ .expand {
    height: auto;
}
.toggle:checked ~ label::before {
    content: "- SEMBUNYIKAN DETAIL";
}
.ininput2 {
    display: none;
    visibility: hidden;
}
.inlabel2 {
    display: block;
    text-align: center;
    color: #ffc107;
}
.inlabel2:hover {
    color: #000;
}
.inlabel2::before {
    font-family: Consolas, monaco, monospace;
    font-weight: bold;
    font-size: 10px;
    content: "+ KLIK UNTUK DETAIL";
    vertical-align: text-top;
    display: inline-block;
    width: auto;
    height: auto;
    margin-top: 2px;
    margin-right: 3px;
}
.expand2 {
    height: 0px;
    overflow: hidden;
    transition: height 0.5s;
}
.toggle2:checked ~ .expand2 {
    height: auto;
}
.toggle2:checked ~ label::before {
    content: "- SEMBUNYIKAN DETAIL";
}
.ininput3 {
    display: none;
    visibility: hidden;
}
.inlabel3 {
    display: block;
    text-align: center;
    color: #ffc107;
}
.inlabel3:hover {
    color: #000;
}
.inlabel3::before {
    font-family: Consolas, monaco, monospace;
    font-weight: bold;
    font-size: 10px;
    content: "+ KLIK UNTUK DETAIL";
    vertical-align: text-top;
    display: inline-block;
    width: auto;
    height: auto;
    margin-top: 2px;
    margin-right: 3px;
}
.expand3 {
    height: 0px;
    overflow: hidden;
    transition: height 0.5s;
}
.toggle3:checked ~ .expand3 {
    height: auto;
}
.toggle3:checked ~ label::before {
    content: "- SEMBUNYIKAN DETAIL";
}
.ininput4 {
    display: none;
    visibility: hidden;
}
.inlabel4 {
    display: block;
    text-align: center;
    color: #ffc107;
}
.inlabel4:hover {
    color: #000;
}
.inlabel4::before {
    font-family: Consolas, monaco, monospace;
    font-weight: bold;
    font-size: 10px;
    content: "+ KLIK UNTUK DETAIL";
    vertical-align: text-top;
    display: inline-block;
    width: auto;
    height: auto;
    margin-top: 2px;
    margin-right: 3px;
}
.expand4 {
    height: 0px;
    overflow: hidden;
    transition: height 0.5s;
}
.toggle4:checked ~ .expand4 {
    height: auto;
}
.toggle4:checked ~ label::before {
    content: "- SEMBUNYIKAN DETAIL";
}
.ininput5 {
    display: none;
    visibility: hidden;
}
.inlabel5 {
    display: block;
    text-align: center;
    color: #ffc107;
}
.inlabel5:hover {
    color: #000;
}
.inlabel5::before {
    font-family: Consolas, monaco, monospace;
    font-weight: bold;
    font-size: 10px;
    content: "+ KLIK UNTUK DETAIL";
    vertical-align: text-top;
    display: inline-block;
    width: auto;
    height: auto;
    margin-top: 2px;
    margin-right: 3px;
}
.expand5 {
    height: 0px;
    overflow: hidden;
    transition: height 0.5s;
}
.toggle5:checked ~ .expand5 {
    height: auto;
}
.toggle5:checked ~ label::before {
    content: "- SEMBUNYIKAN DETAIL";
}
.ininput6 {
    display: none;
    visibility: hidden;
}
.inlabel6 {
    display: block;
    text-align: center;
    color: #ffc107;
}
.inlabel6:hover {
    color: #000;
}
.inlabel6::before {
    font-family: Consolas, monaco, monospace;
    font-weight: bold;
    font-size: 10px;
    content: "+ KLIK UNTUK DETAIL";
    vertical-align: text-top;
    display: inline-block;
    width: auto;
    height: auto;
    margin-top: 2px;
    margin-right: 3px;
}
.expand6 {
    height: 0px;
    overflow: hidden;
    transition: height 0.5s;
}
.toggle6:checked ~ .expand6 {
    height: auto;
}
.toggle6:checked ~ label::before {
    content: "- SEMBUNYIKAN DETAIL";
}