/*WIP I'll figure this out at some point*/
html {
text-align: center;
font-family: "Blossom";
}
@font-face {
font-family: "Blossom";
src: url("blossom.ttf"), format('ttf');
}
@font-face {                  
font-family: 'UTSangeth';
src: url("https://humantooth.neocities.org/fonts/UTSangeth.woff") format('woff');
font-weight: normal;
font-style: normal;
} 
h1, h2, h3, b {
font-family: "UTSangeth";
}
/*TABS == src: https://www.w3schools.com/howto/howto_js_tabs.asp */
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  transition: 100ms;
  background-image: linear-gradient(to bottom, #ace070, #263027); margin: -7px; color: #161830; padding: 3px;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: #9adbab;
  text-align: centre;
  cursor: pointer;
  transition: 0.2s;
  border-radius: 5px 3px 5px 3px;
  border: 1px outset #16182b;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #daf099;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #61a65e;
}

/* Style the tab content */
.tabcontent {
  display: none;
  animation: fadeEffect 0.3s; /* Fading effect takes 1 second */
}
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
.base {
max-width: 475px;
border: 1px outset black;
max-height: 700px;
min-height: 350px;
overflow-y: auto;
overflow-x: hidden;
border-radius: 15px 15px 5px 5px;
margin: -100px;
align-items: center;
justify-content: center;
padding: 15px;
background-color: #754932;
}
font {
font-family: "UTSangeth";
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  cursor: pointer;
}

.tooltiptext {
  visibility: hidden;
  max-width: 270px;
  background-color: rgba(0,0,0,70%);
  color: #ffffff;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 65%;
  margin-left: -65px;
  font-family: blossom;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
.panel {
max-width: 100%;
}
@media (max-width: 700px) {
  .nomobile {
    display: none;
  }
}
  !important #HCB_comment_box #hcb_form_content,
  #HCB_comment_box #hcb_form_email,
  #HCB_comment_box #hcb_form_name,
  #HCB_comment_box #hcb_form_website {
    background-color:#ffd;
    border: 1px solid red;
  }