body {
   cursor: url(http://media.tumblr.com/077daf9d6dcbcf1411910bb2b00c0377/tumblr_inline_muhn2mhVJ51qid2nw.gif), auto;
 }

 @font-face {
   font-family: "Rainy Hearts";
   src: url("https://axayacatl.neocities.org/fonts/rainyhearts/rainyhearts.eot");
   src: url("https://axayacatl.neocities.org/fonts/rainyhearts/rainyhearts.eot?#iefix") format("embedded-opentype"),
     url("https://axayacatl.neocities.org/fonts/rainyhearts/rainyhearts.woff") format("woff"),
     url("https://axayacatl.neocities.org/fonts/rainyhearts/rainyhearts.ttf") format("truetype"),
     url("https://axayacatl.neocities.org/fonts/rainyhearts/rainyhearts.otf") format("opentype");
   font-style: normal;
 }

 @font-face {
   font-family: "basiic";
   src: url("https://files.catbox.moe/jtvuhg.ttf") format("truetype");
 }

 .buttoncontainer {
   display: block;
   border-width: 5px;
   border-style: solid;
   border-image: url('https://files.catbox.moe/brq54g.png') 7 fill round;
   height: auto;
   width: auto;
   padding: 2px;
 }

 .buttonoutercontainer {
   padding: 2px;
   background: url('https://files.catbox.moe/qcl9xd.png');
   border: 1px dashed #e3be9e;
   border-radius: 10px;
 }

 #fixed-button-container {
   position: fixed;
   top: 5px;
   right: 5px;
   z-index: 999999;
   display: flex;
   flex-direction: column;
   gap: 10px;
 }


 .toggle-font-btn {
   background: transparent;
   border: none;
   padding: 5px 5px;
   font-size: 15px;
   display: flex;
   align-items: center;
   cursor: pointer;
   transition: transform 0.2s ease;
   font-family: 'Rainy Hearts', sans-serif;
 }

 .buttontext {
   color: #e3be9e
 }

 .toggle-font-btn img {
   margin-right: 10px;
 }

 .toggle-font-btn:hover {
   transform: scale(1.2);
 }


 .normal-font {
   font-family: 'Rainy Hearts', sans-serif;
 }


 .alternate-font {
   font-family: 'Arial', sans-serif;
 }


 body.dark-mode .buttoncontainer {
   border-image: url('https://files.catbox.moe/0kbrcv.png') 7 fill round;
 }

 body.dark-mode .buttonoutercontainer {
   background: url('https://files.catbox.moe/z83k95.png');
 }

 body.dark-mode .toggle-font-btn:hover {
   transform: scale(1.2);
   filter: brightness(1.2);
 }



 .poempuppytext {
   position: absolute;
   top: -55px;
   left: 18%;
   transform: translateX(-50%);
   z-index: 10;
 }

 .poempuppytext img {
   height: 100px;
   width: 400px;
 }


 * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }

 html,
 body {
   height: 100%;
   margin: 0;
   padding: 0;
 }

 body {
   width: 100%;
   height: 100vh;
   overflow-x: hidden;
   background-color: #fff0fa;
   font-family: "Rainy Hearts", sans-serif;
   background: url(https://files.catbox.moe/mctzdz.PNG) repeat-x,
     url(https://files.catbox.moe/ka2pqt.png);
   margin: 0;
   padding: 0;
 }

 .page-wrapper {
   transform: scale(1) translateY(-190px);
   transform-origin: center;
   margin-top: 330px;
   position: relative;
   overflow: visible;

 }

 .box-container,
 .sidebar-left,
 .sidebar-right,
 .main-content,
 .footer {
   border: 10px solid;
   border-image: url('https://files.catbox.moe/brq54g.png') 7 fill round repeat;
 }

 .box-container {
   width: 100%;
   padding: 5px;
   max-width: 1250px;
   margin: 0 auto;
   border-radius: 30px;
   position: relative;
   overflow: visible;
 }

 .box-container-2 {
   width: 100%;
   margin: 0 auto;
   background-color: #ffe2f0;
   background-image: url('https://files.catbox.moe/qcl9xd.png');
   max-width: 1250px;
   margin: 0 auto;
   border-radius: 20px;
   border: #e3be9e 2px dashed;
   position: relative;
   overflow: visible;
 }

 .wrapper {
   width: 100%;
   margin: 0 auto;
   border-radius: 30px;
   position: relative;
   overflow: visible;
 }

 .page-container {
   display: flex;
   flex-direction: column;
   border-radius: 30px;
   position: relative;
   overflow: visible;
 }

 .wrapper-2 {
   display: flex;
   justify-content: space-between;
   gap: 20px;
   padding: 20px;
 }

 .sidebar-left,
 .sidebar-right {
   width: 20%;
   min-width: 200px;
   padding: 5px;
 }

 .main-content {
   background: #fff0fa;
   padding: 20px;
   width: 100%;
   gap: 20px;
   margin: 0 auto;
 }

 .footer {
   background: #fff0fa;
   padding: 30px;
   text-align: center;
   font-size: 18px;
   color: #fbc9e0;
   border-radius: 30px;
 }

 @media (max-width: 900px) {
   .wrapper-2 {
     flex-direction: column;
   }

   .sidebar-left,
   .sidebar-right,
   .main-content {
     width: 100%;
   }
 }

 .window-box {
   background: #fdfbff;
   border: 2px solid #fff;
   box-shadow: 2px 2px 0 #ccc;
   margin: 5px 0;
   font-weight: bold;
 }

 .window-title-bar {
   background: #ffe2f0;
   padding: 2px 6px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-size: 0.65rem;
   color: #fff;
   border-bottom: 1px solid #fff;
 }

 .window-buttons {
   display: flex;
 }

 .btn {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 15px;
   height: 15px;
   margin-left: 4px;
   padding: 3px;
   background: #fff;
   border: 1px solid #ccc;
   color: #ccc;
   font-size: 0.6rem;
   box-shadow: 1px 1px 0 #e3be9e;
   cursor: pointer;
 }

 .nav-box {
   background: #ffe6f7 url(https://f2.toyhou.se/file/f2-toyhou-se/images/28202898_y6h1DWAH8p6wIaQ.png) center/contain repeat;
   border: 2px solid #ffe2f0;
   padding: 10px 15px;
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
   height: 200px;
   overflow-y: auto;
   overflow-x: hidden;
 }

 .nav-box a {
   text-decoration: none;
 }

 .nav-btn {
   display: flex;
   align-items: center;
   gap: 8px;
   width: 125px;
   height: 30px;
   padding: 8px 12px;
   margin-top: 5px;
   font-size: 14px;
   font-family: 'Rainy Hearts';
   color: #e3be9e;
   border: 10px solid;
   border-radius: 30px;
   border-image: url('https://files.catbox.moe/brq54g.png') 7 fill round repeat;
   transition: transform 0.2s ease, background-color 0.3s;
 }

 .nav-btn:hover {
   transform: scale(1.09);
   background-color: #ffd6ea;
 }

 .btn-icon,
 .btn-text {
   display: inline-block;
   transition: transform 0.3s ease;
 }

 .nav-btn:hover .btn-icon,
 .nav-btn:hover .btn-text {
   transform: scale(1.09);
 }




 .update-log-list {
   margin-top: 0;
   border: 2px solid #ffe2f0;
   padding: 10px;
   display: flex;
   flex-direction: column;
   gap: 5px;
   overflow-y: scroll;
   height: 150px;
   background: url(https://files.catbox.moe/z2liip.gif);
   background-size: contain;
   background-position: top;
 }

 .update-entry {
   background: #fff;
   border: 1px dashed #ffc6e5;
   padding: 8px;
   border-radius: 6px;
   text-align: left;
   box-shadow: 1px 1px 0 #e3be9e;
 }

 .update-date {
   font-weight: bold;
   font-size: 1rem;
   color: #e3be9e;
   margin-bottom: 4px;
 }

 .update-text {
   font-size: 1rem;
   color: #ffc6e5;
   line-height: 1.2;
 }

 .linkback-scrollbox {
   background: #fff0fa url('https://files.catbox.moe/yvh146.JPG');
   background-position: center;
   background-size: cover;
   padding: 5px;
   border: 2px solid #ffe2f0;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 4px;
   height: 90px;
   overflow: hidden;
 }

 .center-content {
   text-align: center;
   width: 100%;
 }

 .center-content p {
   color: #e3be9e;
   font-weight: bold;
   font-size: 1rem;
   margin-bottom: 4px;
 }



 .image-wrapper {
   display: flex;
   justify-content: center;
   width: 100%;
   margin: 4px 0 5px;
 }

 .about-blurb-container {
   display: flex;
   justify-content: space-between;
   gap: 20px;
   width: 100%;
 }

 .about-outer-box,
 .blurb-outer-box {
   flex: 1;
   padding: 10px;
   background: url('https://files.catbox.moe/qcl9xd.png');
   border: 2px dashed #e3be9e;
   border-radius: 10px;
 }

 .aboutmebox {
   background: #fff url('https://files.catbox.moe/mctzdz.PNG') repeat-x;
   border: 3px solid #ffe0f0;
   border-radius: 5px;
   padding: 10px;
   color: #e3be9e;
   font-size: 1.3rem;
   font-weight: bold;
   width: auto;
   justify-items: center;
 }


 .welcome-header {
   background-image: url(https://files.catbox.moe/nckzzl.PNG);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   border-radius: 10px;
   height: 100px;
 }

 .blurbbox {
   background: radial-gradient(#ffecf6, #fff);
   border: 3px solid #ffe0f0;
   border-radius: 5px;
   box-shadow: inset 0 0 10px #fff;
   padding: 10px;
   color: #e3be9e;
   text-shadow: 0 0 5px #fff;
   height: 235px;
   width: auto;
   overflow-y: scroll;
 }

 .about-icon-link img {
   width: 120px;
   height: 120px;
   border-radius: 50%;
   background: #fff;
   animation: floaty 5s ease-in-out infinite;
 }

 .about-icon-link:hover img {
   animation: floaty-scale 5s ease-in-out infinite;
 }

 .about-text-line img {
   width: 20px;
   height: 20px;
   margin-top: 3px;
 }

 .divider {
   display: block;
   border-width: 10px;
   border-style: solid;
   border-image: url('https://files.catbox.moe/brq54g.png') 7 fill round;
   height: 30px;
   width: 100%;
   margin: 20px 0;
 }

 .fanlisting-box {
   background-image: url(https://files.catbox.moe/kzymy2.jpg);
   background-size: contain;
   height: 200px;
   width: auto;
   border: #ffe0f0 2px solid;
   overflow-y: scroll;
   padding: 10px;
 }

 .fanlisting-title {
   font-size: 1rem;
   margin-top: 0px;
   margin-bottom: 5px;
   color: #e3be9e;
   text-align: center;
 }

 .grid {
   display: grid;
   grid-template-columns: repeat(3, 40px);
   justify-content: center;
   gap: 5px;
   margin-left: 5px
 }

 .grid a {
   display: block;
   width: 40px;
   height: 40px;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .grid a:hover {
   transform: scale(1.3);
   box-shadow: 0 0 8px #fff;
   z-index: 1;
   position: relative;
 }

 .grid img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
 }


.image-box {
  background-image: url(https://files.catbox.moe/11tjhg.JPG);
  background-position: center;
  background-repeat: repeat;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border: #ffe0f0 2px solid;
}

.image-box img {
  max-width: 100%;
  height: auto;
}


 .icons-box {
   background-image: url(https://files.catbox.moe/8h277p.JPG);
   background-size: contain;
   border: #ffe0f0 2px solid;
 }

 .icons {
   display: flex;
   justify-content: space-between;
   gap: 10px;
 }

 .image-section {
   flex: 1;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 5px;
 }

 .image-section img {
   max-width: 100%;
   height: auto;
   display: block;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .image-section img:hover {
   transform: scale(1.05);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
 }

 .wrapperbottomhalfmaincontent {
   display: inline-flex;
   gap: 10px;
   justify-content: space-between;
 }


 .nf2ucontainer,
 .badgescontainer {
   width: 40%;
 }

 .counter-spotify-col {
   width: 20%;
   display: flex;
   flex-direction: column;
   gap: 10px;
 }



 .nf2ucontainer {
   display: block;
   border-width: 10px;
   border-style: solid;
   border-image: url('https://files.catbox.moe/brq54g.png') 7 fill round;
   height: auto;
   margin: 5px 0;
   padding: 10px;
 }

 .nf2uoutercontainer {
   padding: 10px;
   background: url('https://files.catbox.moe/qcl9xd.png');
   border: 2px dashed #e3be9e;
   border-radius: 10px;
 }

 .nf2utextbox {
   background-image: url(https://files.catbox.moe/8h277p.JPG);
   background-size: contain;
   border: #ffe0f0 2px solid;
   padding: 5px;
   overflow-y: scroll;
   max-height: 157px;
 }

 .nf2utextbox p {
   font-size: 1rem;
   color: #e3be9e;
   line-height: 1.5;
 }

 .nf2u-title {
   color: #e3be9e;
   font-weight: bold;
   font-size: 2rem;
 }



 .countercontainer {
   display: block;
   border-width: 10px;
   border-style: solid;
   border-image: url('https://files.catbox.moe/brq54g.png') 7 fill round;
   height: auto;
   margin: 5px 0;
   padding: 10px;
 }

 .counteroutercontainer {
   padding: 10px;
   background: url('https://files.catbox.moe/qcl9xd.png');
   border: 2px dashed #e3be9e;
   border-radius: 10px;
 }

 .counter {
   background-image: url(https://files.catbox.moe/u43zbf.JPG);
   background-size: contain;
   border: #ffe0f0 2px solid;
   padding: 5px;
 }

 .spotifycontainer {
   display: block;
   border-width: 10px;
   border-style: solid;
   border-image: url('https://files.catbox.moe/brq54g.png') 7 fill round;
   margin: 5px 0;
   padding: 10px;
   height: 100px;
 }

 .spotifyoutercontainer {
   padding: 10px;
   background: url('https://files.catbox.moe/qcl9xd.png');
   border: 2px dashed #e3be9e;
   border-radius: 10px;
   height: 63px;
 }

 .spotify {
   background: radial-gradient(#ffecf6, #fff);
   display: flex;
   align-items: center;
   justify-content: space-between;
   border: #ffe0f0 2px solid;
   padding: 10px;
   height: 38px;
   width: 100%;
   gap: 8px;
 }

 .emoji-img {
   width: 20px;
   height: 20px;
   image-rendering: pixelated;
 }

 .badgescontainer {
   display: block;
   border-width: 10px;
   border-style: solid;
   border-image: url('https://files.catbox.moe/brq54g.png') 7 fill round;
   height: auto;
   margin: 5px 0;
   padding: 10px;
 }

 .badgesoutercontainer {
   padding: 10px;
   background: url('https://files.catbox.moe/qcl9xd.png');
   border: 2px dashed #e3be9e;
   border-radius: 10px;
 }

 .badges {
   background-image: url(https://files.catbox.moe/8h277p.JPG);
   background-size: contain;
   border: #ffe0f0 2px solid;
   padding: 5px;
   overflow-y: scroll;
   height: 165px;
 }

 .statusbox {
   background-image: url(https://files.catbox.moe/8h277p.JPG);
   ;
   background-position: center;
   background-size: contain;
   padding: 5px;
   border: 2px solid #ffe2f0;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 4px;
   height: auto;
   overflow: hidden;
   color: #e3be9e
 }

 @keyframes floaty {

   0%,
   100% {
     transform: translateY(0);
   }

   50% {
     transform: translateY(-6px);
   }
 }

 @keyframes floaty-scale {

   0%,
   100% {
     transform: translateY(0) scale(1.05);
   }

   50% {
     transform: translateY(-6px) scale(1.05);
   }
 }

 *::-webkit-scrollbar {
   width: 10px;
 }

 *::-webkit-scrollbar-track {
   border-radius: 5px;
   border: 1px dashed #e3be9e;
   box-shadow: inset 0 0 4px #ffe2f0;
   background: #fff;
 }

 *::-webkit-scrollbar-thumb {
   background: url("https://files.catbox.moe/1r35h3.jpg") repeat;
   background-size: 60px;
   border-radius: 5px;
   border: 1px dashed #e3be9e;
   box-shadow: inset 30px #fdd1e7;
 }





 .buttonwallcontainer {
   display: block;
   padding: 10px;
   background: url('https://files.catbox.moe/qcl9xd.png');
   border: 2px dashed #e3be9e;
   border-radius: 10px;
   margin-top: 5px;
 }

 .buttonwall {
   padding: 10px;
   background: url('https://files.catbox.moe/qcl9xd.png');
   border: 2px dashed #e3be9e;
   border-radius: 10px;
 }

 .buttonwall img {
   height: 31px;
   width: 88px;
 }




 .layouts-gallery {
   display: flex;
   justify-content: center;
   align-items: flex-start;
   gap: 20px;
   flex-wrap: wrap;
 }

 .layout-img-wrapper {
   position: relative;
   transition: transform 0.3s ease, filter 0.3s ease;
   cursor: pointer;
 }

 .layout-img-wrapper img {
   padding: 10px;
   background: url('https://files.catbox.moe/qcl9xd.png');
   border: 2px dashed #e3be9e;
   border-radius: 10px;
   margin-top: 10px;
   width: 50%;
   height: auto;
 }

 .image-border {
   padding: 10px;
   background: url('https://files.catbox.moe/qcl9xd.png');
   border: 2px dashed #e3be9e;
   border-radius: 10px;
 }

 .layout-img-wrapper:hover {
   transform: scale(1.05);
 }

 .layout-img-wrapper::after {
   content: attr(data-tooltip);
   white-space: pre-wrap;
   position: absolute;
   bottom: 100%;
   left: 50%;
   transform: translateX(-50%);
   background-color: #ffe0f0;
   color: #fff;
   padding: 8px;
   border-radius: 5px;
   width: 200px;
   font-size: 18px;
   text-align: left;
   opacity: 0;
   pointer-events: none;
   transition: opacity 0.3s ease;
   z-index: 10;
   border: #e3be9e 1px dashed;
 }

 .layout-img-wrapper:hover::after {
   opacity: .9;
 }


 .textboxcontainer {
   padding: 10px;
   background: url('https://files.catbox.moe/qcl9xd.png');
   border: 2px dashed #e3be9e;
   border-radius: 10px;
   margin-top: 5px;
 }


 .text-box {
   background-image: url(https://files.catbox.moe/z1sxmq.gifv);
   padding: 15px;
   text-align: left;
   border-radius: 10px;
   border: #e3be9e dashed 2px;
   color: #e3be9e;
   font-weight: bold;
 }

 .tabs {
   display: flex;
   justify-content: center;
   background-image: url(https://files.catbox.moe/qcl9xd.png);
   border: #e3be9e dashed 2px;
   border-radius: 10px 10px 0 0;
   margin-top: 5px;
 }

 .tab {
   padding: 10px 10px;
   cursor: pointer;
   color: #e3be9e;
   font-weight: bold;
   text-align: center;
   border: 2px solid #fff;
   border-radius: 8px 8px 0 0;
   background: radial-gradient(#ffecf6, #fff);
   transition: transform 0.3s ease, background 0.3s ease;
 }

 .tab:hover {
   background: radial-gradient(#ffecf6, #fff);
   background-repeat: repeat;
   background-size: contain;
   transform: scale(1.1)
 }

 .tab.active {
   background-image:
     url(https://files.catbox.moe/8jrjbc.webp),
     radial-gradient(#ffecf6, #fff);
   background-size: contain, cover;
   background-repeat: repeat;
   background-position: center, center;
   color: #bc9a7d;
 }


 .content {
   padding: 20px;
   background-image: url(https://files.catbox.moe/z1sxmq.gifv);
   border-radius: 0 0 8px 8px;
   border: 2px dashed #e3be9e;
   display: none;
 }

 .content.active {
   display: block;
   overflow-y: auto;
   max-height: 230px;
 }






 .tab-content {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   justify-content: center;
   padding: 5px;
 }


 .credit-box {
   background-image: url(https://files.catbox.moe/qcl9xd.png);
   border: 2px dashed #e3be9e;
   border-radius: 7px;
   padding: 10px 15px;
   width: 90%;
   text-align: center;
   transition: transform 0.3s ease-in-out;
 }

 .credit-box:hover {
   transform: scale(1.05);

 }

 .credit-box a {
   color: #e3be9e;
   font-weight: bold;
   font-size: 20px;
   text-decoration: none;
   display: block;
 }

 .credit-box a:hover {
   color: #bc9a7d;
   text-decoration: underline;
 }

 #site-resources {
   max-height: 300px;
   overflow-y: scroll;
   padding-right: 10px;
 }






 .image-gallery {
   display: flex;
   flex-wrap: wrap;
   gap: 5px 5px;
   justify-content: center;
   margin-top: 5px;
   max-height: 400px;
 }


 .tooltip-wrapper {
   position: relative;
   display: inline-block;
 }


 .tooltip-wrapper::after {
   content: attr(data-tooltip);
   position: absolute;
   bottom: 50%;
   left: 50%;
   transform: translateX(-50%) scale(0);
   background-color: rgba(213, 177, 142, 0.9);
   color: white;
   padding: 2px;
   border-radius: 15px;
   font-size: 14px;
   white-space: nowrap;
   opacity: 0;
   pointer-events: none;
   transition: all 0.3s ease;
   z-index: 10;
   box-shadow: 0 5px 10px rgba(252, 189, 232, 0.3);
   font-family: "Rainy Hearts", sans-serif;
 }

 .tooltip-wrapper:hover::after {
   opacity: 1;
   transform: translateX(-50%) scale(1);
 }


 .stamp {
   display: block;
   width: 100px;
   height: 50px;
   object-fit: contain;
   transition: transform 0.3s ease;
 }


 .button {
   display: block;
   width: 80px;
   height: 20px;
   object-fit: contain;
   transition: transform 0.3s ease;
 }

 .blinkie {
   display: block;
   width: 150px;
   height: 20px;
   object-fit: cover;
   transition: transform 0.3s ease;
 }


 .stamp:hover,
 .button:hover {
   transform: scale(1.1);
   cursor: pointer;
 }

 .subpageheader {
   padding: 10px;
   background: url('https://files.catbox.moe/qcl9xd.png');
   border: 2px dashed #e3be9e;
   border-radius: 10px;
   margin-top: 5px;
 }

 .subpageheadercontainer {
   font-size: 50px;
   color: #e3be9e;
   margin: 0;
   padding: 4px 10px;
   padding: 10px;
   background-image: url(https://files.catbox.moe/z1sxmq.gifv);
   border: 2px dashed #e3be9e;
   border-radius: 10px;
 }

 .subpage-title {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
 }

 .subpage-title img {
   width: 28px;
   height: 28px;
 }



 .writing-links {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 40px;
   margin-top: 40px;
 }

 .writing-wrapper {
   position: relative;
   display: inline-block;
 }

 .writing-button {
   padding: 16px 32px;
   background-image: url(https://files.catbox.moe/qcl9xd.png);
   color: #e3be9e;
   font-size: 30px;
   border: 2px dashed #e3be9e;
   border-radius: 7px;
   text-decoration: none;
   text-align: center;
   width: 660px;
   display: inline-block;
   transition: transform 0.3s ease-in-out;
 }

 .writing-button:hover {
   transform: scale(1.05);
   color: #bc9a7d
 }

 .writing-description {
   font-size: 20px;
   font-weight: normal;
   color: #e3be9e;
   opacity: 0.9;
 }


 .writing-date {
   position: absolute;
   top: -20px;
   left: 50%;
   transform: translateX(-50%);
   border: 10px solid transparent;
   border-image-source: url('https://files.catbox.moe/brq54g.png');
   border-image-slice: 7 fill;
   border-image-repeat: round;
   font-size: 24px;
   color: #e3be9e;
   padding: 4px 10px;
   z-index: 1;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
 }