.boxButton {
    display: inline-block;
    width: calc( 49% - 60px );
    padding-left: 30px;
    height: 24px;
    font-size: 15px;
    color: #88bef5;
    padding-top: 7px;
}
.siteHead .links {
    background: #B99ABA;
    color: #f4fa9c;
}
.textCenter {
    margin: 15px;
}
.details {
  border: 1px solid #0000;
}
.infotable td {
  padding: 3px;
  background: #B99ABA;
  color: #f4fa9c;
}
.infotable th {
  padding: 3px;
  background: #755C71;
  color: #CF8D75;
  width: 33.3%;
  text-align: left;
}
body {
    background: url("https://i.pinimg.com/474x/4c/ee/bf/4ceebf272e60d996084c04c571514352.jpg");
    font-family: Comic Sans MS;
    font-size: 18px;
    color: #ff7c7c;
    background-color: #755C71;
}
#header {
    all: unset;
    font-family: Comic Sans Ms;
    font-size: 15px;
    background: #574b90;
    position: fixed;
    width: calc( 100% - 15px );
    height: 22px;
    padding: 5px;
    left: 0px;
    top: 0px;
    margin-bottom: 40px;
    border-bottom: 1px solid #b590ca;
    padding-left: 10px;
    padding-top: 6px;
    overflow: hidden;
    z-index: 300;
}
a.logo {
    color: #a8d3da;
    text-decoration: none;
}
#header a:not(.logo) {
    margin-left: 10px;
    color: #00f5fb;
    font-size: small;
    text-decoration: none;
}
#hSub a {
    color: #f4fa9c;
    font-family: Comic Sans Ms;
}
#hSub {
    all: unset;
    font-family: Comic Sans Ms;
    font-size: 15px;
    background: #b590ca;
    font-size: small;
    margin: 0px;
    padding: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-left: 10px;
    padding-top: 2px;
    position: fixed;
    left: 0;
    top: 34px;
    width: calc(100% - 15px );
    color: #512b58;
    height: 15px;
    z-index: 300;
}
.blogs, .blog {
    margin-bottom: 20px;
    color: #FF92B7;
}
.rightHead {
    background: #B99ABA;
    color: #f4fa9c;
    padding-left: 4px;
}
h4 {
    color: #ff7c7c;
    margin-bottom: 0px;
}
p {
    margin: 0;
    color: #FF92B7;
}
.boxHead {
    background: #B99ABA;
    color: #f4fa9c;
    padding: 3px;
    padding-bottom: 4px;
    padding-left: 6px;
}
.tableLeft {
    background: #574b90;
    width: 25%;
    padding: 10px;
    vertical-align: top;
    overflow: hidden;
}
.tableRight {
    width: 75%;
    background: #512b58;
    padding: 10px;
    vertical-align: top;
    overflow-wrap: anywhere;
}
.tableLeft > a > div {
    overflow: hidden;
    max-width: 115px;
    text-align: center;
    color: #ff7c7c;
}
.date {
    color: #ff7c7c;
}

button {
    width: max-content;
    color: #88bef5;
    font-family: Comic Sans Ms;
    background: #574b90;
}
.player {
    padding: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #574b90;
    color: #88bef5;
    width: calc(100% - 10px );
}
.url {
    padding: 2px;
    color: #512b58;
}
.short {
    margin-top: -15px;
    color: #88bef5;
}
.boxInfo {
    margin-bottom: 20px;
    margin-top: 20px;
}
.topLeft {
    float: left;
    width: 200px;
    padding: 10px;
    color: #88bef5;
}
.extended {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 15px;
    color: #88bef5;
    background: #fff0;
    border: 1px solid #0000;
}
#commentInput {
    width: calc( 100% - 6px );
    margin: 0;
    /* margin-top: 10px; */
    height: 100px;
}
textarea, textarea:focus {
    outline: none;
    box-shadow: none !important;
    background: #755C71;
}
.headTop {
  background-color: #755C71;
  color: #CF8D75;
  padding: 5px 10px;
  border-bottom: 0px;
}
a.logo {
    color: #a8d3da;
    text-decoration: none;
}
a:link {color: #a3f7bf;}
a:visited {color: #dcedc1;}
a:hover {color: #ff1e56;}
a:active {color: #ffac41;}
.blog.profile article {
  background: #B99ABA;
  color: #f4fa9c;
  padding: 15px;
  margin-bottom: 30px;
}
.blogs .blog {
  color: #FF92B7;
    background-color: #755C71;
}
.maxwidth {
  width: 100%;
  box-sizing: border-box;
  background-color: #B99ABA;
}
.comment .commentContent {
  background: #B99ABA;
  padding: 10px;
}
.comment .commentAuthor {
  background: #755C71;
  text-align: center;
  padding: 10px;
  width: 150px;
}