body {margin: 0;}
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #030303;
}

ul.topnav li {float: left;}

ul.topnav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
ul.topnav li a:hover:not(.active) {background-color: #111;}

ul.topnav li a.active {background-color: #4CAF50;}

ul.topnav li.right {float: right;}

@media screen and (max-width: 600px){
    ul.topnav li.right,
    ul.topnav li {float: none;}
}
h1{
     padding-left: 16px;
}
h2{
      padding-left: 16px;
}
.content{
    padding-top: 0px;
    padding-right: 16px;
    padding-bottom: 0px;
    padding-left: 16px;
}
.header{
    text-decoration-color: white;
    border-left: 6px solid #4CAF50;


}
.detail{
    border-style: solid;
    border-radius: 10px;
    border-color: #a6a6a6;
    border-width: 1px;
/*    border-right-width: 0px;
    border-left-width: 0px;*/
    padding-top: 0px;
    padding-right: 16px;
    padding-bottom: 0px;
    padding-left: 16px;

}
.example{
     border-style: solid;
    border-radius: 10px;
    border-color: #a6a6a6;
    border-width: 1px;
}
.tab{
    text-indent: 50px;
}