*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
body{
    font-family:Arial,Helvetica, sans-serif;
    background-image:url(".jfif");
    background-repeat:repeat;
    position:relative;
    padding-top:0;
    padding-bottom:58px;
    min-height:100vh;
}
header{
   text-align:center;
   /* background-image: linear-gradient(to right, yellow ,red, blue);*/
    background-color: #000;
    /*color:#fff;*/
    padding:0px;
    width:100%;
    position:fixed;
    z-index:1;
    
}
header h1{
    font-size:40px;
    margin-bottom:30px;
    
}
header p{
    font-size:23px;
}
main{
    width:92%;
    margin: auto;
    padding : 180px 20px;
    z-index:-1;
    /*min-height:calc(100vh - 211px - 58px);*/
}
article{
    background-color:#fff;
    padding:20px;
    margin-bottom:20px;
    border-radius:5px;
}
article:last-child{
    margin-bottom:0;
    
}
article h3{
    margin: 10px 0 25px 0;
    
}
article p{
    margin-top:10px;
    line-height:14px;
}
footer{
    text-align:center;
    background-color:#333;
    color:#fff;
    padding:5px;
    /*position:absolute;*/
    bottom:0;
    width:100%;
    position:fixed;
    z-index:1;
}

.menu{
    background-color:#0066ff;
    top:100px;
    position:fixed;
    width:100%;
    z-index:1;
         }
        .menu ul{
            list-style:none;
            margin:0;
            padding:0;
        }
        .menu ul li.utama{
            display:inline-table;
        }
        .menu ul li:hover{
            background-color:#0033cc;
        }
        .menu ul li a{
            display:block;
            text-decoration:none;
            line-height:40px;
            padding:0 10px;
            color:#fff;
        }
          .utama ul{
            display:none;
            position:absolute;
            z-index:2;
        }
        .utama:hover ul{
            display:block;
        }
        .utama ul li{
            display:block;
            background-color:#0cf;
            width:140px;
        }.utama ul li a{
            display:block;
            background-color:#0cf;
            width:140px;
        }

.sub-menu-2{
    display:none;
}
.hover-me:hover .sub-menu-2{
    position:absolute;
    display:block;
    background-color:#232323;
    margin-top:-40px;
    margin-left:140px;
    
}