html { 
    background-color: #C3C4C4;
    font-family:'Times New Roman', Times, serif;
    font-size: 15pt;
    min-height: 100vh;
}
body {
    width: 1000px;
    margin: auto;
}
div{
    background-color: #DFE0DF;
    margin-top:20px;
    padding: 5px;
    border: 2px solid #000;
}
nav{
    width:400px;
    margin:auto;
    margin-top:20px;
    text-align:center;
    font-size:20pt;
    background-color:#DFE0DF;
}

h3{
    font-style:italic;
    text-align:right;
    padding-right:10%;
    color:white;
    background-color:grey;
    font-size:20pt;
}
a:link{
    color:#F14442;
}
a:visited{
    color:#C51E57;
}
h3  span{
    font-size:15pt;
    color:black;
}
h3  a:link{
    color:lightgrey;
}
h3  a:visited{
    color:lightgrey;
}

table{                  /*Used in Interests*/
    margin:auto;
    margin-bottom:20px;
    width: 80%;
    border: 1px solid #C3C4C4;
}
table td{               /*Used in Interests*/
    width:30%;
}

button{                 /*Used in Creations to choose either Characters or Gallery*/
    font-size:20pt;
    display:table;
    margin:auto;
    margin-bottom:10px;
}

ul{                     /*Used in Socials*/
    display: table;
    margin: 0 auto;
    list-style-type:square;
}

h1{                     /*Used in Gallery when displaying drawing*/
    text-align:center;
    font-style:italic;
}
img{                     /*Used in Gallery when displaying drawing*/
    padding-left:5%;
    width:90%;
}

details p{              /*Used in Characters*/
    text-align:center;
    margin: auto;
}
details{                /*Used in Characters*/
    background-color:green;
}
summary{                /*Used in Characters*/
    background-color:lightblue;
}
summary button{              /*Used in Characters*/
    background-color:yellow;
}

.bottom table{                  /*Used in Index*/
    margin:0;
    width: 100%;
    border: 1px solid #C3C4C4;
}
.bottom table td{               /*Used in Index*/
    width:100%;
    border: 1px solid #C3C4C4;
}
.bottom td p{               /*Used in Index*/
    margin:0;
    padding:0;
    text-align:right;
    width:150px;
    height:100px;
}


.assets{                /*Used for assets*/
    padding-left:0;
    width:16px;
}