Pro for Slick Southpaw

/* Design by FlaMarie */
/* Coded by AlthIndor */

:root {
  --panel-bgcolor: #FFFFFFC0;
  --panel-effects: saturate(150%) blur(10px);
  --darkgreen: forestgreen;
  --limegreen: #D8E450;
}

html, body {
  background: url('https://i.imgur.com/TfXoEFO.jpg') center / cover var(--darkgreen);
  min-height: 850px;
}
body {position: relative;}
body a {text-decoration: none !important;}

* {cursor: url('https://i.imgur.com/9hcoR0F.png'), auto !important;}
a, a *, button, button * {cursor: url('https://i.imgur.com/TmkGjU3.png'), auto !important;}

::selection {
  background: var(--darkgreen);
  color: #FFFFFF;
}

/* Fonts */

@font-face {
  font-family: 'Lacquer';
  font-style: normal;
  font-weight: 400;
  src: local('Lacquer'), url('https://fonts.gstatic.com/s/lacquer/v15/EYqzma1QwqpG4_BBN7iKXw.woff2') format('woff2');
}

@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/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVI.woff2') format('woff2');
}

/* Header */

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

#gaia_header ul {
  width: auto !important;
  font: 700 0px/29px 'Open Sans', sans-serif !important;
  padding: 0 5px !important;
}
#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(2) a:hover img {background: var(--limegreen);}

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

/* Columns */

#columns {
  background: url('https://i.imgur.com/DKM6L36.png');
  width: 1120px;
  height: 760px;
  font-size: 0;
  top: unset;
  bottom: 0;
  left: calc(50% - 560px - 3px);
}
#columns .column {display: contents;}

/* Scrollbars */

#columns ::-webkit-scrollbar, #columns ::-webkit-scrollbar-thumb {
  width: 6px;
  border-radius: 3px;
}
#columns ::-webkit-scrollbar {background: #00000020;}
#columns ::-webkit-scrollbar-thumb {background: #00000080;}

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

#id_wishlist::-webkit-scrollbar {width: 0;}
#id_wishlist {scrollbar-width: none;}

/* Panels */

.panel {
  background: none;
  color: #241806;
  font: 10px/1.6 'Open Sans', sans-serif;
  text-align: center;
  padding: 0;
  margin: 0;
  position: absolute;
  box-sizing: border-box;
}
.panel h2 {display: none;}

.panel a {color: var(--darkgreen);}
.panel a:hover {color: inherit;}

#id_about, #id_wishlist, #id_footprints {
  overflow: hidden;
  overflow-y: scroll;
}

#id_about, #id_footprints, #id_wishlist .item {
  backdrop-filter: var(--panel-effects);
  background: var(--panel-bgcolor);
  border-radius: 5px;
}

#id_about {
  width: 340px;
  height: 420px;
  padding-right: 10px;
  top: 40px;
  left: 270px;
  border: 10px solid transparent;
}
#id_about img {max-width: 100%;}

/* Contact and Texts */

#id_contact, #id_comments, .custom_panel, #columns::before {
  font: 400 0/28px 'Lacquer', cursive;
  text-transform: uppercase;
}

#id_contact, #id_comments {left: 20px;}
#id_contact {top: 51px;}
#id_comments {top: 199px;}

.custom_panel {
  font-size: 30px;
  top: 340px;
  left: 25px;
}

#id_contact li, #id_comments, .custom_panel {
  width: 150px;
  height: 30px;
}
#id_contact li:nth-of-type(n+2) {margin-top: 18px;}

#id_contact li *::before, #id_comments a::before, #columns::before {font-size: 20px;}
#id_contact li:nth-of-type(1) *::before {content: 'Friend';}
#id_contact li:nth-of-type(2) *::before {content: 'Message';}
#id_contact li:nth-of-type(3) *::before {content: 'Trade';}
#id_comments a::before {content: 'Comment';}

#id_contact li, #id_contact a, #id_comments a, .custom_panel a, #columns::before {
  color: #FFFFFF;
  font-weight: 400;
  text-shadow: 0 -1px #000, 1px 0 #000, 0 1px #000, -1px 0 #000,
    -1px -1px #000, 1px -1px #000, 1px 1px #000, -1px 1px #000, -2px -2px #000;
}
#id_contact a:hover, #id_comments a:hover, .custom_panel a:hover {color: var(--limegreen);}

/* Comments */

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

/* Wish List */

#id_wishlist {
  display: grid;
  grid-template-columns: 40px 40px;
  gap: 10px;
  height: 190px;
  top: 505px;
  left: 50px;
  scroll-snap-type: y mandatory;
}
.premium_sparkle {display: none;}

#columns::before {
  content: 'Wishlist';
  width: 110px;
  font-size: 20px;
  text-align: center;
  text-shadow: 0 -1px #000, 1px 0 #000, 0 1px #000, -1px 0 #000,
    -1px -1px #000, 1px -1px #000, 1px 1px #000, -1px 1px #000, -2px 0 #000;
  position: absolute;
  top: 470px;
  left: 40px;
}

#id_wishlist .item {
  width: 30px;
  height: 30px;
  padding: 5px;
  position: relative;
  scroll-snap-align: start;
}
#id_wishlist .item:hover {background: var(--limegreen);}

.owner_checkmark {
  margin: 0;
  bottom: 5px;
  left: 5px;
}

/* Visitors */

#id_footprints {
  width: 210px;
  height: 125px;
  line-height: 1.4;
  top: 538px;
  left: 298px;
  border: 5px solid transparent;
}
#id_footprints .item:nth-of-type(n+2) {margin-top: 5px;}

#id_footprints a::after {
  content: '';
  display: block;
}

/* Misc */

#pictures_container, #texts_container {
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100px;
  left: 50%;
}

.spoiler-revealed {padding: 5px;}