* {
  margin: 0; padding: 0;
    font-family: ref;
}

.selPubItem{
    margin-left: -15px; 
    text-indent: -30px;
}

.up{
    vertical-align: text-top;
    text-align: left;
}

html {
    overflow-y:scroll;
    cursor:crosshair;
}

body {
  font-size: 100%;
  background-color:#212121;
  color: #FFFFF2;
}

.wrapper{
  margin:150px auto;
  width: 80%;

}

.himg{

  /* max-height:100px; */
  style = "width:98%; padding:1%"
}


.pimg{
  padding:10px;
max-width:60px;
}

img {
  max-width:450px;
  float:left;
  /* border: 3px solid; */
}

canvas {
  width: 90%;
  margin: 20px auto;
}

a{
  color: #f93788;
text-decoration: none;
}

a:hover{
  color: #eb00a8;
}

@font-face {
  font-family: ref;
  src: url("miso.otf");
}

.title{
left: 100px;

}

.sub{

}

.top{
  left: 5%;
  width:90%;
  position: relative;
  top: 100%;
}

.bottom{
  left: 5%;
  width:90%;
  position: fixed;
  top: 100%;
  z-index: -2;
}

.pdes{
  position:relative;
  padding: 20px;
  padding-top:10px;
  font-family: "Georgia";
  font-size: .8rem;
  color: #333;
  color: #FFFFF2;
  text-decoration: none;
  border:none;
    display: inline-block;
    text-align: justify;
}

.ides{
  position:relative;
  padding: 20px;
  font-family: "Georgia";
  font-size: .8rem;
  color: #333;
  color: #FFFFF2;
  text-decoration: none;
  text-align: justify;
    float:none;
}

.bblack{
    background-color: black;
}

.hdes{
  position:relative;
  left:5%;
  width:80%;
  padding: 5px 35px;
  padding-bottom:10px;
  padding-top:10px;
  background-color: black;
  font-family: "Georgia";
  font-size: .8rem;
  color: #333;
  line-height: 1.3rem;
  color: #FFFFF2;
  text-decoration: none;
}

.pr{
  position:relative;
  left:5%;
  width:10%;
}

.accordion {
  width: 90%;
  margin: 20px auto;
}

.accordion h1, h2, h3, h4,h5 {
  font-weight:100;
}

.accordion h1 {
  padding: 15px 20px;
  background-color: #212121;
  font-family: ref;
  font-size: 2.2rem;
  font-weight: normal;
  color: #FFFFF2;
}

.accordion h1:hover {
  color: #7FFFD4;
}

.accordion h1 {
  border-bottom: 1px dotted #FFFFF2;
}

.accordion div, .accordion p {
  /* display: none; */
}

.off {
  display: none;
}

.name {
    font-size:3rem;
}

.accordion h2 {
  padding: 5px 5%;
  background-color: none;
  font-size: 1.6rem;
  font-style: italic;
  color: #FFFFF2;
}
.accordion h2:hover {
color: #7FFFD4;
}
.accordion h3 {
  position:relative;
  left:5%;
  width:80%;
  padding: 5px 35px;
  background-color: #b94152;
  font-size: 1.2rem;
  color: #ddd;
  text-decoration: none;
}
.accordion h3:hover {
  background-color: #a93142;
}
td{
  align-items: left;
}

.LFT {
  width:100px;
  text-align:right;
  position: relative;
  right:10px;
  font-size:1.5rem;
}

.hist {
  padding: 5px 35px;
  padding-top:10px;
  padding-bottom:10px;
  background-color: #ffc25a;
  font-size: 1.5rem;
  color: #212121;
  position:relative;
}

.proj{
  color: #212121;
  background-color:none;
  position:relative;
  padding:5px 35px;
  font-size:1.5rem;
}

.accordion td:hover{
  /* color:#eb00a8; */
  /* background-color:#212121 !important; */
}

.accordion .opened {
  display: block;
}

.chunk {
  padding: 15px 5%;
  font-size: 1.4rem;
}



h5 {
  padding: 5px 35px;
  padding-top:10px;
  padding-bottom:10px;
  background-color: black;
  font-size: 0.4rem;
  color: #FFFFF2;
  font-family: "Georgia";
  font-size: 1.0rem;
  position:relative;

  width:75%;
  text-decoration: none;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.column{
  width:50%;
  padding: 10px;

}

.row{
  display: flex;
  background-color:black;
}