body {
    margin: auto;
    width: 99.9%; height: auto;
    background-color: whitesmoke;
    /* border: 1px solid rgb(1, 1, 133); */
    border-bottom: 1px solid whitesmoke;
}
    #kontener {
        margin: auto;
        width: 100%; height: 858px;
    }
        #seksi-kepala {
            margin: auto;
            width: 100%; height: 22%;
            color: rgb(29,24,22);
            /* background-color: rgb(11, 11, 111);
            background-image: linear-gradient(rgb(2, 2, 227), blue, rgb(11, 11, 111)); */
            /* border: 1px solid red; */
        }
            #bingkai-logonama { float: left;
                margin: auto;
                width: 75%; height: 99%;
                /* border: 1px solid red; */
            }
                #bingkai-logo { float: left;
                    margin: auto; padding-top: 11px; 
                    width: 20%; height: 94%;
                    /* background-color: red; */
                    /* border: 1px solid red; */
                }
                    #logo { margin: auto; width: 99%; height: 99%; border: 1px solid whitesmoke; }
                    
                #bingkai-namadanalamat { float: left;
                    margin: auto; padding-left: 7px;
                    width: 77%; height: 99%;
                    /* border: 1px solid red; */
                }
                    #bingkai-nama { 
                        margin: auto; margin-top: 22px;
                        width: 99%; height: auto;
                        /* background-color: white; */
                        /* border: 1px solid red; */
                    }
                        #namamasjid { margin: auto; width: 100%; 
                            font-family: Arial; font-size: 56px; font-weight: bold;
                            /* text-shadow: 3px -2px 1px rgb(11, 111, 111); */
                        }
                        
                    #bingkai-alamat { 
                        margin: auto; margin-top: 11px;
                        width: 99%; height: 49%;
                        /* background-color: white; */
                        /* border: 1px solid red; */
                    }
                        .alamat { margin: auto; width: 100%; line-height: 29px;
                            font-family: Quicksand; font-size: 18px;  
                        }
                        #alamat1 { font-size: 27px;}

            #bingkai-tanggalwaktu { float: right;
                margin: auto; padding-top: 11px; padding-right: 11px;
                width: 23%; height: 93%;
                /* border: 1px solid red; */
            }
                #bingkai-tanggal { position: relative;
                    margin: auto;
                    width: 100%; height: 52%; 
                    /* border: 1px solid red; */
                }
                    .tanggal { position: absolute; bottom: 1px;
                        margin: auto; width: 100%; text-align: right; 
                        font-family: monospace; font-size: 19px; 
                    }

                #bingkai-waktu {
                    margin: auto;
                    width: 100%; height: auto;
                    /* border: 1px solid blue; */
                }
                    #waktu { margin: auto; width: 100%; text-align: right;
                        font-family: monospace; font-size: 54px;  font-weight: bold; 
                        /* color: rgb(11, 11, 111); */
                        text-shadow: 1px 1px 1px silver, -1px -1px 1px silver;
                    }


        #seksi-leher { 
            margin: auto; 
            width: 100%; height: 5%;
            background-color: rgb(29,24,22); border: 0;
            border-top: 3px solid silver;
            border-bottom: 3px solid black;
            /* border: 1px solid red; */
        }
            marquee { margin: auto; line-height: 42px; color: gold; font-size: 29px; font-family: Quicksand; font-weight: bold;             
                /* border: 1px solid red; */
            }

        #seksi-bodi {  
            margin: auto; margin-top: 11px;
            width: 98.5%; height: 71%;
            background-color: whitesmoke;
            border: 1px solid whitesmoke;
        }
            #bodi-kiri { display: inline-block; position: relative;
                margin: auto; padding: 22px 22px;
                width: 16%; height: 92%;
                background-color: rgb(29,24,22);
                /* box-shadow: 2px 1px 2px goldenrod; */
            }
                .btn-menu { margin: auto; margin-bottom: 27px;
                    width: 99%; height: 11%; 
                    font-size: 22px; color: rgb(247,198,0);
                    background-color: rgb(166,145,144);
                    border: 1px solid gray;
                }
                #rekap, #reset, #logout { display: none; }

                #hakcipta { position: absolute; bottom: 1px; width: 83%; 
                    font-family: Quicksand; font-size: 11px; text-align: center; color: silver; 
                    /* border: 1px solid white; */
                }


            #bodi-kanan { float: right; 
                margin: auto; 
                width: 80.5%; height: 99%;
                background-image: url('../images/background.jpeg');
                background-repeat: no-repeat;
                background-size: 100% 100%;
                border: 1px solid red;
                border: 1px solid whitesmoke;
            }
                /* #slides {
                    margin: auto;
                    width: 99%; height: 99%;
                } */
                
                .bingkai-toggle { display: none; }
                
                #bingkai-login {
                    margin: auto; 
                    width: 100%; height: 99.6%;
                    border: 1px solid white;
                }
                    #bingkai-login-dalam { margin: auto; margin-top: 22px; padding: 15px 18px;
                        width: 25%; height: auto; 
                        background-color: white; 
                        opacity: 0.7; 
                        border: 1px solid white; 
                    }
                        .inputlogin { margin: auto; width: 100%; }
                        .inputan { 
                            margin: auto; margin-top: 11px;
                            width: 97%; height: 33px; 
                            background-color: rgb(77, 167, 33);
                            background-color: whitesmoke;
                            font-weight: bold; font-family: Courier, monospace; font-size: 18px; text-align: center;
                            border: 1px solid silver;
                        }
                        input[type="submit"] { margin-top: 33px;
                            width: 99%; height: 42px; font-weight: bold; color: gold;
                            background-color: rgb(31, 25, 0); 
                            border: 2px solid grey;
                        }
                        #pesanlogin { color: red; text-align: center; font-size: 13px; display: none; }


                #bingkai-kontener { 
                    margin: auto; 
                    width: 99.9%; height: 99.9%;
                    /* background-image: url('../images/background.jpeg');
                    background-repeat: no-repeat;
                    background-size: 100% 100%; */
                    border: 1px solid red;
                    border: 1px solid whitesmoke;
                }