Pro for Coyote Type

/* Profile By AlthIndor */

html, body {
  background: url('https://www.toptal.com/designers/subtlepatterns/patterns/checkerboard-cross.png') #202020;
  background-blend-mode: multiply, normal;
}
body a {text-decoration: none !important;}

/* Change Artwork Here */

.custom_panel {background: url('https://i.imgur.com/t6GuCZS.jpg') #000 center / cover;}

/* Fonts */

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('https://ka-f.fontawesome.com/releases/v5.15.2/webfonts/free-fa-brands-400.woff2') format('woff2'), url('https://ka-f.fontawesome.com/releases/v5.15.2/webfonts/free-fa-brands-400.woff') format('woff');
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('https://ka-f.fontawesome.com/releases/v5.15.2/webfonts/free-fa-solid-900.woff2') format('woff2'), url('https://ka-f.fontawesome.com/releases/v5.15.2/webfonts/free-fa-solid-900.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
}

/* Header */

#viewer #gaia_header {
  background: #000;
  height: 30px !important;
  box-shadow: 0 2px 5px #00000040;
}
#gaia_header li {margin: 0 5px;}
#gaia_header li.spacer {display: none !important;}

#gaia_header #header_left, #gaia_header #header_right {
  background: none;
  font: 700 0/27px 'Open Sans', sans-serif !important;
  padding: 0 5px !important;
  box-sizing: border-box;
}
#gaia_header #header_right {float: right;}

#gaia_header img {
 -webkit-mask: url('https://i.imgur.com/cGGVY2x.png') no-repeat 0 3px;
  mask: url('https://i.imgur.com/cGGVY2x.png') no-repeat 0 3px;
  background: #FFFFFF;
  width: 0;
  padding: 0 34px 0 0;
}
#header_left li:nth-of-type(n+2) a:hover img {background: #BED5C6;}

#gaia_header a {
  color: #FFFFFF !important;
  font-size: 11px !important;
  text-transform: uppercase;
}
#gaia_header a:hover {color: #BED5C6 !important;}

/* Columns */

#columns, #column_1 {
  box-sizing: border-box;
  overflow: visible;
}

#columns {
  background: #FFFFFF;
  width: 700px;
  height: 414px;
  top: calc(50% - 206px);
  left: calc(50% - 350px);
  border: 12px solid transparent;
  filter: drop-shadow(0 2px 5px #000);
}

#column_1 {
  display: grid;
  grid-template: 50% 50% / 350px 1fr;
  gap: 0 3px;
  background: #000;
  width: calc(100% - 52px);
  height: 100%;
  margin: 0;
  border: 3px solid #000;
}

#column_2, #column_3 {display: contents;}

/* Scrollbars */

#columns ::-webkit-scrollbar {
  background: #00000020;
  width: 5px;
}
#columns ::-webkit-scrollbar-thumb {background: #FFFFFF;}

.panel {
  scrollbar-color: #FFFFFF #00000020;
  scrollbar-width: thin;
}

/* Panels */

.panel, .panel h2 {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.panel {
  width: 100%;
  font: 10px/1.7 'Open Sans', 'Segoe UI', sans-serif;
  text-align: justify;
  overflow: hidden;
}
.custom_panel {grid-area: 1/2/3/3;}

.panel a {color: darkslategray;}
#id_about a:hover, dl a:hover {mix-blend-mode: hard-light;}

#id_about, #id_comments {
  background: #BED5C6;
  padding-right: 20px;
  border: 20px solid transparent;
  border-top-width: 80px;
  overflow-y: scroll;
}
#id_about img, #id_comments .postcontent img {max-width: 100%;}

#id_about {
  grid-area: 1/1/2/2;
  border-bottom-width: 10px;
}

#id_comments {
  grid-area: 2/1/3/2;
  border-top-width: 70px;
}

/* Panel Headers */

#about_title, #comments_title {
  background: linear-gradient(to left, #0004 0px, #0004 5px, #0000 5px, #0000 10px, #0008 10px, #0008 20px, #0000 20px, #0000 25px, #000C 25px, #000C 45px, #0000 45px, #0000 50px, #000 50px);
  width: 333px;
  height: 40px;
  font-size: 0;
  text-indent: 20px;
  text-transform: capitalize;
  position: fixed;
  left: 0;
}
#contact_title, #store_title, .custom_panel h2 {display: none;}

#about_title {top: 20px;}
#comments_title {top: calc(50% + 10px);}

#about_title::before, #comments_title::before {
  color: #FFFFFF;
  font: 700 20px/40px 'Open Sans', sans-serif;
}
#about_title::before {content: 'About This User';}
#comments_title::before {content: 'Leave Comment';}

/* Buttons */

#id_contact, #id_store {
  background: none;
  width: max-content;
}

#id_contact li, #id_contact a, #id_store a[href*='userstore'], #id_comments h2 + div a, #id_comments h2 ~ p a, .custom_panel a {
  display: block;
  width: 40px;
  height: 40px;
  font-size: 0;
}

#id_contact li, #id_store a[href*='userstore'], #id_comments h2 + div a, #id_comments h2 ~ p a, .custom_panel a {
  background: #000;
  color: #FFFFFF;
  text-align: center;
}

#id_contact li:hover, #id_store a[href*='userstore']:hover, #id_comments h2 + div a:hover, #id_comments h2 ~ p a:hover, .custom_panel a:hover {
  background: #BED5C6;
  color: #000;
}

#id_contact, #id_store, #id_comments h2 + div a, #id_comments h2 ~ p a, .custom_panel div:first-of-type {
  position: fixed;
  right: 0;
}
#id_contact li::before, #id_store a[href*='userstore']::before, #id_comments h2 + div a::before, #id_comments h2 ~ p a::before, .custom_panel a[href*='carrd']::before {font: 900 20px/40px 'Font Awesome 5 Free';}

.custom_panel a::before {font: 400 20px/40px 'Font Awesome 5 Brands';}
.custom_panel a[href*='instagram']::before {content: ''; font-size: 26px;}
.custom_panel a[href*='twitter']::before {content: '';}
.custom_panel a[href*='tumblr']::before {content: '';}
.custom_panel a[href*='carrd']::before {content: '';}

/* Contact */

#id_contact {top: 0;}
#id_contact span {display: none;}

#id_contact li {
  margin-bottom: 10px;
  position: relative;
}
#id_contact li:nth-of-type(1)::before {content: '';}
#id_contact li:nth-of-type(2)::before {content: '';}
#id_contact li:nth-of-type(3)::before {content: '';}

#id_contact a {
  position: absolute;
  top: 0;
  left: 0;
}

/* Store */

#id_store {top: 200px;}
#id_store p {margin: 0;}
#id_store h2 ~ :not(p:last-of-type) {display: none;}
#id_store a[href*='userstore']::before {content: '';}

/* Comment Button */

#id_comments h2 + div a, #id_comments h2 ~ p a {top: 150px;}
#id_comments h2 + div a::before, #id_comments h2 ~ p a::before {content: '';}
#id_comments h2 + div a {z-index: 1;}

/* Custom Links */

.custom_panel div {top: 200px;}
.custom_panel br {display: none;}
.custom_panel a {margin-bottom: 10px;}

/* Comments */

#id_comments #alert_container, #id_comments h2 ~ p {display: contents;}
#id_comments #alerts_banner {display: none;}

#id_comments dt {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  height: auto;
  line-height: normal;
  padding: 0 0 3px 0;
  margin: 0 0 3px 0;
  border-bottom: 1px dotted #00000080;
}
#id_comments .date a {font-weight: 400;}

#id_comments dd {margin: 0 0 20px 0;}
#id_comments dd:last-of-type {margin: 0;}

#id_comments .dropBox {
  background: #000;
  width: 45px;
  height: 55px;
  margin: 5px 10px 0 0;
  border: 2px solid transparent;
  overflow: hidden;
}

#id_comments .dropBox img {
  width: 120px;
  height: 150px;
  margin: -30px 0 0 -45px;
}

/* Accents */

#columns::before, #column_1::before, #column_1::after, #columns::after {
  content: '';
  width: 0;
  height: 0;
  position: fixed;
  filter: drop-shadow(0 1px 1px #000000);
  pointer-events: none;
  z-index: 1;
}

#columns::before, #column_1::before {
  top: -14px;
  border-top: 40px solid #FFFFFF;
}

#columns::before, #columns::after {
  left: -14px;
  border-right: 40px solid transparent;
}

#column_1::after, #columns::after {
  bottom: -14px;
  border-bottom: 40px solid #FFFFFF;
}

#column_1::before, #column_1::after {
  right: -14px;
  border-left: 40px solid transparent;
}

/* Misc */

#pictures_container, #texts_container {
  width: 1px;
  height: 1px;
  position: absolute;
  top: calc(50% - 206px);
  left: calc(50% - 350px);
  overflow: visible;
}