body{
    background: rgba(125, 127, 133, 0.753);
}
* {
    margin: 0;
    padding: 0;
}
header,nav,main,footer {
 display: block;
}
.web {
    margin: 10px auto;
    width: 99%;
}
#logo {
    float: left;
    height: 125px;
    margin-right: 10px;
    margin-left: 4px;
}
#judul {
    background: rgb(150, 139, 139);
    height: 115px;
    margin: 10px auto -15px auto ;
    padding: 10px 0 20px 0;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 10px rgba(212, 208, 233, 0.938) inset;
}
#judul h1 {
    font-family: 'Brush Script MT', cursive;
    font-size: 35px;
  line-height: 38px;
  font-weight: 500px;
}
#judul h2 {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    margin-top: 5px;
    font-size: 27px;
  font-weight: 300px;
  color: rgba(13, 97, 165, 0.89);
}

/* menu Navigasi */
nav ul {
    width: 100%;
    list-style: none;
   position: relative;
   display: inline-table;
   padding:0;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.842) inset;
}
nav ul:after {
    content: '';
    clear: both;
    display: block;
}
nav ul li {
    float: left;
}
nav ul li:hover {
    background: rgba(19, 89, 146, 0.781);
    border-radius: 5px;
}
nav ul li:hover a {
    color: #fff;
}
nav ul li a {
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    color: #110b0b9f;
}
/*menghilangkan sub menu*/
nav ul ul {
    display: none;
background: rgb(155, 155, 148);
border-radius: 0;
padding: 0;
position: absolute;
top: 100%;
width: 150px;
}
/*memunculkan sub menu*/
nav ul li:hover > ul {
    display: block;
}
nav ul ul li {
    float: none;
    border-bottom: 1px solid #fff;
   position: relative;
}
nav ul ul li a {
    padding: 10px 15px;
    color: #5a5cbe;
}
nav ul ul li a:hover {
    background: #3b1691
}

/*solusi submenu yang ada submenu lagi*/
nav ul ul ul {
    position: absolute;
    left: 100%;
    top:0;
}