/*--- Base ---*/
html, body{
    border:0;
    outline:0;
    margin:0;
    padding:0;
}
html{
    background-color:black;
    overflow:hidden;
}
body{
    background-color:white;
    height:425px;
    width:955px;
    overflow-y:scroll;
    overflow-x:hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
body::webkit-scrollbar{
    display:none;
}
/*--- Structure ---*/
#wrapper{
    display:flex;
    flex-direction:row;
}
#wrapper > div{
    background-color:lightgray;
    height:auto;
}
#one{
    width:100%;
   /* margin-right:20px;*/
    padding:20px;
}
/*#two{
    width:25%;
    padding:0;
    }*/ 
#index{
    background-color:darkgray;
    float:left;
    margin-right:10px;
    margin-bottom:5px;
    padding:20px;
}
#tab{
    background-color:darkgray;
    float:right;
    margin-left:10px;
    margin-bottom:0;
    padding:0;
    width:250px;
}
.gallery{
    margin-top:20px;
    display:flex;
    flex-direction:row;
    margin:auto;
    width:fit-content;
}
.gallery > div{
    display:flex;
    flex-direction:column;
    margin-top:10px;
    margin-bottom:10px;
}
.gallery > div:not(:last-child){
    margin-right:10px;
}
.gallery > div > div{
    background-color:darkgray;
    width:fit-content;
    height:fit-content;
    display:flex;
    flex-direction:column;
    text-align:center;
    align-content:center;
    align-items:center;
}
.gallery > div > div:not(:last-child){
    margin-bottom:10px;
}

/*--- Tables ---*/
table, tr, th, td{
    border-collapse:collapse;
    width:100%;
}
table{
    border:0;
}
tr:not(:last-child){
    border-bottom:1px solid black;
}
th{
    background-color:dimgray;
    text-align:center;
}
td:not(:last-child){
    border-right:1px solid black;
    text-align:right;
    padding:2px;
    padding-right:5px;
    width:50%;
}
td:last-child{
    padding:2px;
    padding-left:5px;
    width:50%;
}
#image, .tblhead{
    text-align:center !important;
}
/*--- Headers and Paragraphs ---*/
h1, h2, h3, h4, h5, h6{
    padding:0;
    margin:0;
}
p{
    padding:0;
    margin:7px;
}
.text > hr{
    color:black;
    margin:1px;
}
/*--- Lists ---*/
ul, ol, li{
    padding:0;
    margin:0;
    padding-left:5px;
    list-style-type:none;
}
ul.numeric-decimals { counter-reset:section; list-style-type:none; }
ul.numeric-decimals li { list-style-type:none; }
ul.numeric-decimals li ul { counter-reset:subsection; }
ul.numeric-decimals li ul li { list-style-type:none; }
ul.numeric-decimals li ul li ul { counter-reset:subsubsection; }
ul.numeric-decimals li:before{
    counter-increment:section;
    content:counter(section) ".) ";
}
ul.numeric-decimals li ul li:before {
    counter-increment:subsection;
    content:counter(section) "." counter(subsection) ".) ";
}
ul.numeric-decimals li ul li ul li:before {
    counter-increment:subsubsection;
    content:counter(section) "." counter(subsection) "." counter(subsubsection) ".) ";
}
