Valentine Pro for bzztbzzt

/* Graphics by Cassiel Socks, Code by AlthIndor */

html, body {background: url('https://i.imgur.com/FWUV3dR.png') center / 200px auto;}
#viewer #gaia_header, #columns, #column_1, #id_contact li, .custom_panel .spoiler-control {background: url('https://images2.imgbox.com/17/24/ef41qppe_o.png');}

body a {
 text-decoration: none !important;
 transition: all .5s ease-in-out;
}

html {
 --brown-dark: #422618;
 --green-lite: #B0D09C;
 --pink-dark: #DC6868;
 --pink-lite: #F4B0BC;
}
/* Fonts */

@font-face {
 font-family: 'Cookie';
 font-style: normal;
 font-weight: 400;
 src: local('Cookie-Regular'), url(https://fonts.gstatic.com/s/cookie/v11/syky-y18lb0tSbf9kgqS.woff2) format('woff2');
}

@font-face {
 font-family: 'Lora';
 font-style: normal;
 font-weight: 400;
 src: local('Lora Regular'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v14/0QIvMX1D_JOuMwr7Iw.woff2) format('woff2');
}

@font-face {
 font-family: 'Lora';
 font-style: normal;
 font-weight: 700;
 src: local('Lora Bold'), local('Lora-Bold'), url(https://fonts.gstatic.com/s/lora/v14/0QIgMX1D_JOuO7HeNtxumg.woff2) format('woff2');
}

/* Header */

#viewer #gaia_header {
 background-position: center -888px;
 height: 20px !important;
 box-shadow: 0 3px 1px #500810;
}

#gaia_header #header_left, #gaia_header #header_right {
 background: none;
 font: 0px/40px 'Cookie', cursive !important;
 padding: 0 3px !important;
 box-sizing: border-box !important;
}
#gaia_header #header_right {float: right !important;}

#gaia_header li.spacer {display: none !important;}
#gaia_header li {margin: 0 4px !important;}

#header_left img {
-webkit-mask: url('https://i.imgur.com/cGGVY2x.png') 0 2px no-repeat;
 mask: url('https://i.imgur.com/cGGVY2x.png') 0px 2px no-repeat;
 background: var(--brown-dark);
 width: 0 !important;
 padding: 0 34px 0 0;
 margin: 0 -1px 0 0;
 transition: background .5s ease-in-out;
}
#header_left li:nth-of-type(2) a:hover img {background: #FFFFFF;}

#gaia_header a {
 background: #FFFFFF;
 color: var(--brown-dark) !important;
 font-size: 15px !important;
 font-weight: 400 !important;
 padding: 2px 6px 0 5px;
 border: 2px solid transparent;
 border-radius: 5px;
 box-shadow: 0 0 0 1px var(--pink-lite) inset, 0 3px 1px #500810;
}

#gaia_header a:hover {
 background: var(--pink-dark);
 color: #FFFFFF !important;
 box-shadow: 0 0 0 1px #FFFFFF inset, 0 3px 1px #500810;
}

/* Columns */

#columns, #column_1, #column_2  {
 float: none;
 display: block;
 font-size: 0;
 margin: 0;
 position: absolute;
}
#column_3 {display: none;}

#columns {
 background-position: calc(50% + 100px) bottom;
 width: 100%;
 height: 320px;
 left: 0;
 top: calc(50% - 160px);
 overflow: visible;
 transform: translateZ(0);
}

#column_1 {
 width: 708px;
 height: 648px;
 top: calc(50% - 324px);
 left: calc(50% - 354px);
}

#column_2 {
 width: 280px;
 height: 260px;
 top: 65px;
 left: calc(50% - 140px);
}

#columns ::-webkit-scrollbar {width: 0;}
#columns * {scrollbar-width: none;}

/* Panels */

.panel {
 background: none;
 color: var(--brown-dark);
 font: 11px/1.7 'Lora', serif;
 text-align: center;
 padding: 0;
 margin: 0;
 box-sizing: border-box;
 overflow: hidden;
}
.panel h2 {display: none;}
.panel img {max-width: 100% !important;}

.panel a {color: var(--pink-dark);}
.panel a:hover {color: var(--pink-lite);}

.custom_panel .spoiler-wrapper {
 padding: 0;
 border: none;
}

#id_about, #id_wishlist {
 width: 100%;
 height: 100%;
 overflow-y: scroll;
}

/* Contact and Panel Buttons */

#id_contact {
 width: 174px;
 height: 173px;
 top: 11px;
 right: 42px;
}
#id_contact span, .custom_panel span {display: none;}
#id_contact, #id_contact li, #id_contact a {position: absolute;}

#id_contact li, .custom_panel .spoiler-control {
 background-position-x: right;
 width: 61px;
 height: 61px;
 border-radius: 50%;
 opacity: .01;
 transition: opacity .5s ease-in-out;
}
#id_contact li:hover, .custom_panel .spoiler-control:hover {opacity: 1;}
#id_contact li:nth-of-type(1) {background-position-y: 0;}

#id_contact li:nth-of-type(2) {
 background-position-y: -61px;
 top: 49px;
 left: 63px;
}

#id_contact li:nth-of-type(3) {
 background-position-y: -122px;
 bottom: 0;
 right: 0;
}

#id_contact a {
 display: block;
 width: 100%;
 height: 100%;
 font-size: 0;
}

.custom_panel .spoiler-control {
 display: block !important;
 position: fixed;
 border: none;
 outline: none;
}

.custom_panel .spoiler-control-show {
 background-position-y: -183px;
 left: calc(50% - 265px);
 bottom: -102px;
}

.custom_panel .spoiler-control-hide {
 background-position-y: -244px;
 left: calc(50% - 202px);
 bottom: -151px;
}

/* Wish List */

#id_wishlist {
 display: grid;
 width: 260px;
 margin-left: 10px;
 grid-template-columns: repeat(5, 44px);
 grid-auto-rows: 44px;
 gap: 10px;
 justify-items: center;
}
#id_wishlist .clear, .premium_sparkle {display: none;}

#id_wishlist .item {
 background: #B0D09CA0;
 width: 44px;
 height: 44px;
 padding: 5px;
 position: relative;
 border: 2px solid transparent;
 border-radius: 50%;
 box-shadow: 0 0 0 1px olivedrab inset;
 outline: 1px dotted olivedrab;
 outline-offset: -6px;
 box-sizing: border-box;
 transition: all .5s ease-in-out;
}

#id_wishlist .item:hover {
 background: #F4B0BCA0;
 box-shadow: 0 0 0 1px var(--pink-dark) inset;
 outline-color: var(--pink-dark);
}

.owner_checkmark {
 margin: 0;
 top: 23px;
 left: 6px;
}

/* Spoiler Switch Control */

.custom_panel .spoiler-wrapper::before, .custom_panel .spoiler-wrapper::after {
 display: block;
 width: 150px;
 color: #FFFFFF;
 font: 400 40px/40px 'Cookie', cursive;
 text-align: center;
 position: fixed;
 left: calc(50% - 80px);
 top: 7px;
}

.custom_panel .spoiler-wrapper::before {
 -webkit-text-stroke: 4px var(--pink-dark);
 text-shadow: 0 0 10px var(--pink-lite);
}

.custom_panel .spoiler-hidden::before, .custom_panel .spoiler-hidden::after {content: 'About Me';}
.custom_panel .spoiler-revealed::before, .custom_panel .spoiler-revealed::after {content: 'Wish List';}

.custom_panel {margin-top: -260px;}
.custom_panel .spoiler-hidden {height: 260px;}

.custom_panel .spoiler-hidden .spoiler-control-show, .custom_panel .spoiler-revealed .spoiler-control-hide {
 opacity: 1;
 pointer-events: none;
}