@media (prefers-color-scheme: dark) {
    :root {
      --text: #E8E2F4;
      --border: #121212;/*#a9a9a9*/
      --accent: #a7a6c9;
      --bg: #f5a3ad;
      --gradientBottom: #E3D5F3;
      --gradientTop: #242424;
      /**music player colors**/
      --playerbg: #c9c9c9;
      --playerborder: #a7a6c9;
      --playertext: #fff;
      --playertitlebg: #23222C;
      --playerbar: #8f8db9;
      --playericons: #8f8db9;
      }
      a:link { color: #a7a6c9; }
    }
    header {
      background: url('');
    }

* { 
  box-sizing: border-box;
}

body {
  padding: 10px;
  font-family: Cardo, "Times New Roman", Garamond, serif;
  color: var(--text);
  background-color: #000;
}
.container {
  max-width: 55rem; /*55?*/
  margin: 0 auto 0 auto;
  /*border: 1px ridge var(--border);*/
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
  gap: 5px;
}
/* column widths */
.small { flex: 1 1 12%; }
.large { flex: 1 1 70%; }
.full { flex: 1 1 100%; }
.half { flex: 1 1 49%; }

.center { display: block; margin-right: auto; margin-left: auto; text-align: center;}

button {
  display: inline;
  background: #090909;
  color: var(--text);
  padding: 10px;
  border: solid 1px var(--border);
}
button:hover {
  background: #121212;
  border: 1px solid var(--accent);
  text-shadow: 0px 0px 15px #E8E2F4;
  transition: background 0.4s, border 0.5s, text-shadow 0.4s ease;
}
/*galeria*/
.galeria { 
  /*display:flex; 
  flex-flow: row wrap;*/
  background-color: #090909;
  margin-right: auto; 
  margin-left: auto;
  padding: 10px;
  text-align: center;
  border: 1px ridge var(--accent);
  /* old border - purple one -
  border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAABF0lEQVR4AazPiwnCQBAEUE1T1qIFai1WpbyFCeuRk0QUhvnc7ASX087f4/589Wr3o15HPQT9mJbjjuvtch5zXl6jTD8Y/ezNQLqY161RIkFYBspYTmOeBnrM1tEUwsq0A+CxDGiQ85iHGiWEQXw4OZYBbSwa8/IaJYQBD0rfoK8X8PrraB6ENFaaQQfSo0G/Rj2A8B+oUetgGO8dTh8HbpcYfGTQcfphmZ1lDDwchSE7wcffPzqmn0EMsholwJfywB+BW3DzMSrIA/aBGbz3Ph2so/04jw5n0HGDR9RoHjMQj2E8SqZPd+jWKNGhzGNwxGOQ8TNsjjrMAW0Ey2g8Qg7yGo1xCPEKv6BGHRoK+EC2pXvWO/I3AAAA//9f+Ks0AAAABklEQVQDAJXvV0+N23r3AAAAAElFTkSuQmCC") 7 /  7px / 0 round;
  border-width:  7px;
  border-style:  solid;
  border-radius: 4px;*/
  margin: 30px 0;
}
.galeria img {
  width: 40%; 
  margin-right: auto; 
  margin-left: auto;
  margin-top: 20px;
}
/*border images*/
.bimg {
  border: 1px ridge silver;
}
.galeria a:hover { -webkit-filter: grayscale(60%); filter: grayscale(60%); transition: 0.3s ease}
.galeriaD { 
  display: block; 
  text-align: justify; 
  padding:15px;
}
.galeriaD h2 {
  text-align: left; 
  padding: 10px;
  border: none;
}
.galeria h3 {
  padding: 10px;
}
/* tirar as bordas da seção */
.xborder {
  border: none;
}

/* bulletin */
.bulletin {
  height: 85px;
  width: 90%;
  overflow-x: hidden;
  overflow-y: scroll;
  border: 1px ridge grey;
  border-radius: 4px;
  margin-bottom: 2vw;
  font-size: 0.9em;
  line-height: 1em;
  background: #090909;
}
/* guestbook */
.guestbook{
  max-width: 200px;
}
/* recent posts */
.recentPosts li {
  color: var(--text);
  padding: 2px;
  font-style: italic;
}
.recentPosts li:hover {
  background: #121212;
  text-shadow: 0px 0px 15px #E8E2F4;
  padding-left: 20px;
  font-weight: bold;
  border-left: 1px dotted #E8E2F4;
  transition: 0.4s ease;
}
.recentPosts a:hover {
  color: var(--accent);
  text-decoration: none;
}
.recentPosts ul {
  list-style-type: none;
  padding-inline-start: 0;
}
/* embroider style image border */
.broider {
    border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAABF0lEQVR4AazPiwnCQBAEUE1T1qIFai1WpbyFCeuRk0QUhvnc7ASX087f4/589Wr3o15HPQT9mJbjjuvtch5zXl6jTD8Y/ezNQLqY161RIkFYBspYTmOeBnrM1tEUwsq0A+CxDGiQ85iHGiWEQXw4OZYBbSwa8/IaJYQBD0rfoK8X8PrraB6ENFaaQQfSo0G/Rj2A8B+oUetgGO8dTh8HbpcYfGTQcfphmZ1lDDwchSE7wcffPzqmn0EMsholwJfywB+BW3DzMSrIA/aBGbz3Ph2so/04jw5n0HGDR9RoHjMQj2E8SqZPd+jWKNGhzGNwxGOQ8TNsjjrMAW0Ey2g8Qg7yGo1xCPEKv6BGHRoK+EC2pXvWO/I3AAAA//9f+Ks0AAAABklEQVQDAJXvV0+N23r3AAAAAElFTkSuQmCC") 7 /  7px / 0 round;
    border-width:  7px;
    border-style:  solid;
}

/* --antigo--> .broider { border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAWdJREFUWEfllz0WwjAMg+nOAZi4/7mYOEB3eAxhcKv3KU4oCbDR/CmKLNvLqfPvflsfry0v1/Oyt7Uap++7m7VgPwxoOSiCVQyVeXGdO7/MixeM/zeMDg9UAXSZVYy6UqBz3oxOB9TVDGmTolgxqAjbMDoNULImdRG1jtzADd60RilISBpqvHyP9tbNnugl4jj55sd89HCg7oGunan94tOSS6Rz/XBASUvuC8TgqXUPZHQ4oG6udm2JfDXN6DRAyeeUxrIajcZOGUpqlOyCCmN6+mqgdBOXaZdZ0risnqYBWlscECPEbFZSWD25qY4AUjASAV8LJirQY7DND7Q1N5M9pTNT741774dFCR3oBpFqMdz18wKtTQAuI60Zbpjmji4sDZ+Mnvp1l0FqaQqO3wNKT6NaFor27oxOA9SterLaJebTGqUUSwer8lJ1Ds32lNXm/wCloKFxKoBpvRpP53oqVrJdqtr3CQ0lljGi+F20AAAAAElFTkSuQmCC") 14 /  14px / 0 round; border-width:  14px; border-style: dotted;
}*/

/* fanlistings */
.fanlistings {
  margin-top: 50px;
}
.fl {
  transition: .3s ease;
}
.fl:hover {
  /*opacity: 0.3s;*/
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
/* acervus playlist covers*/
.cover {
  transition: .3s ease;
}
.cover:hover {
  -webkit-filter: blur(5px);
   filter: blur(5px);
}
/* border on videos */
.broider2 {
    border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAAAXNSR0IArs4c6QAAAvdJREFUeF7tnEtyGzEMBaV9DpCV73+urHIA753ycqiUuroeONIkz1uSIND4DMgZ+X4L/37/+vx6JuLnx497ssUqf1reqlsqPzL2W5kCPbqkQJcQbYTKerI7ozBCSQFpz40igGomja/6nK1/gcqIoIAo0AI9tmkUMS9PeapRNJ7WMAK0Wz7ZR+MPKU8LaHy3wbvlk300XqCLhwgYjRfo2UDpIUg1jzxKD41Vfjrf6mvtxwi1AqnGTQOiyw1yKOlr7S9QSPkCXa4LT49QW5PIYzaFbAmwKU7zp+25F6hDSrwK1PHEC/UC/deASnvi6dSH0gZvn/JkwPR4gQ4TLdCrAbV9o7UvjQi7H82nGkjrqa+Nj56kQIHClyAEkDxo10/Pb4QOEz0dKNVUe/a+WsqTfWSPfo1MG1495cm+ApX3nQUqayzV0NOBUkrbC13JI55O+lngq0K6hhbo8w+ICxRemVAANUKXgwvVzBhoWmOsAnFRlAKoRpL+xAfP8taDpJC0f3x6gQ4jLdCrAaWaQPaQx+moRvKnx6f1XeU9vPW0AKYVnAZIlz1pzS/Q4V/+FehuoJQSbZuOR0165rQPhaJNAbWOF2iBZn0AdSX01NcpTzU13TDDka8mIASc2spe3/X6LovSRmjG72H12wGlNoJq7DAfLc7WSHJAfGNfoMPvlAq0QA9ZeXrK04a2aFHfZuWl83fbh0fP1IAC7fehKob05YiS/pfJ/12EUk1JgZD81GF2/W57Xv5LOgsknV+gKcFlfYEW6JEA1VB78qK7Aruf9RfJf3kNLVDpUvJogRbo03+RHB896alJ94nTEUwRb/Wl+Bk/KVkFyeDphw45dN2PHEz6NUIXQgUKjfvbRSilqE15W5NofhpRlPLWfkx5K5AUJEDkoN3yKaJpvEChhtqAKtDdQNOUSlOaUorGX61//G0TAaS+jQDYlCN5Vl+rf4FKwvTQLNCzgdJ+1AeSR638aXk2pUlfjFASUKBHQgUKR1cKqHW8QIeB/gGohFtkee+engAAAABJRU5ErkJggg==") 28 /  28px / 0 round;
    border-width:  28px; /*bigger: 28px*/
    border-style:  solid;
}
/* "redacted" text effect*/
.blurred span {
  color: transparent;
  text-shadow: 0 0 9px rgba(255,255,255,0.8);
}
.gradmask {
  background: linear-gradient(pink 50%, hotpink);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size:2em;
  filter: drop-shadow(0px 1px red) drop-shadow(0 -1px red) drop-shadow(1px 0 red) drop-shadow(-1px 0 red);
}
/*FUNDO BARS LATERAIS*/
.bgf {
  background-color: #0a0a0a;
  background-image: url('../imgs/80r.gif');
  background-position: top;
  background-size: 111px;
  background-blend-mode: overlay;
}
/* borda lace*/
.borderimg {
  border-image: url('../imgs/lacepurple.png') 80% round;
}
/*-- links dos botões de navegação das páginas - go back, next/prev, essas coisas --*/
.gbck {
  display: inline;
  background: #090909;
  color: var(--text);
  padding: 10px;
  border: solid 1px var(--border);
}
.gbck:hover, :focus {
  color: #a7a6c9;
  text-shadow: 0px 0px 15px #E8E2F4;
  text-decoration: underline 1px solid var(--accent);
  transition: text-shadow 0.4s, color 0.2s ease;
}
/* botoes */
.b1 {
  border: ridge 1px #a7a6c9;
  background: pink;
  font: Cardo, serif;
}
/* outras estilizações */
header {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 200px;
  border: 1px solid var(--accent);
  position: relative;
}
header span {
  font-size: 2.5rem;
  position: absolute;
  bottom: 0;
  right: 10px;
  margin: 10px;
  font-weight: bold;
  color: var(--gradientTop);
}
nav div {
  margin: 5px 0;
}
nav a {
  color: var(--accent);
  text-align: left;
  font-style: italic;
  display: block;
  min-height: 30px;
  margin: 5px;
  padding-top: 3px;
  border: 1px solid transparent;
  text-decoration: none;
}
nav a:link, nav a:visited { 
    color: #a7a6c9;
    text-decoration: none;
}
nav a:hover {
    color: #a7a6c9;
    background: #121212;
    font-style: italic;
    font-weight: bold;
    padding-left:20px;
    letter-spacing: 3px;
    /* offset-x | offset-y | blur-radius | color */
    text-shadow: 0px 0px 15px #E8E2F4;
    border-left: 1px dotted #E8E2F4;
    transition: text-shadow 0.4s, background-color 0.4s, border 0.4s, letter-spacing 0.4s, padding 0.4s ease;
}
section {
  border: 1px ridge var(--border);
  border-radius: 4px;
  background: #000;
  padding: 5px;
}
footer {
  text-align: center;
  margin-bottom: 5vw;
  font-size: 0.8rem;
}
footer a { 
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6, p  { 
  margin: 5px;
  line-height: 1.2em;
  color: #E8E2F4;
}
h1 {
  font-family: Sinistre, "Times New Roman", Garamond, serif;
  font-weight: lighter;
  font-size: 1.50rem;
  text-shadow: 0px 0px 15px #E8E2F4;
  letter-spacing: 4px;
  text-align: center;
  padding: 25px 0;
}
h2 {
  font-family: Sinistre, "Times New Roman", Garamond, serif;
  letter-spacing: 6px;
  font-weight: lighter;
  font-size: 1.15rem;
  /*background: #121212;*/
  border-bottom: 1px ridge #a9a9a9;
  padding: 5px 0 5px 0;
  /*font-weight: normal;*/
  text-align: center;
  text-shadow: 0px 0px 15px #E8E2F4;
}
h3 { 
  font-size: 1.1rem;
  color: #E8E2F4;
  font-style: italic;
}
h4 { 
  font-size: 1rem;
  color: #a7a6c9;
}
mark {
  background-color: #a7a6c9;
  color:#0a0a0a;
}
a {
  text-decoration: none;
  color: #a7a6c9;
}
a:hover, a:focus {
  text-shadow: 0px 0px 15px #E8E2F4;
  text-decoration: underline 1px solid #121212;
  transition: 0.4s ease;
}
a:visited {
  text-decoration: none;
  /*color: #a7a6c9;*/
}
p {
  font-size: 1em;
  line-height: 1.6em;
  text-align: justify;
  margin: 20px;
}
table, th, td {
  border: 1px solid grey;
  border-collapse: collapse;
  padding: 5px 10px;
  font-size: 0.9em;
}
hr {
  border: none;
  height: 1px;
  background-color: var(--border);
}

/* impede overflow em telas menores */
img { max-width: 95%;}
pre { overflow-x: auto;}

/*-------------------- galeria e lararium index --*/
#galeriai ul ,#larariumg ul {
  list-style:none;
  border: 1px ridge var(--border);
  /*border-radius: 4px;*/
  background: #090909;
  padding:11px 0 7px 10px;
  line-height:normal;
}
#galeriai ul li ,#larariumg ul li {
  display: inline;
  margin:0 10px 10px 0;
}
#galeriai ul li img {
  /*width:112px;*/
  height: 260px;
  border: 1px ridge #a9a9a9;
  background: #121212;
}

#larariumg ul li img {
  height: 31px;
  background: #121212;
}

/*-----------------------------------------------*/

/* Cardo */
.cardo-regular {
  font-family: "Cardo", system-ui;
  font-weight: 400;
  font-style: normal;
}
.cardo-bold {
  font-family: "Cardo", system-ui;
  font-weight: 700;
  font-style: normal;
}
.cardo-regular-italic {
  font-family: "Cardo", system-ui;
  font-weight: 400;
  font-style: italic;
}

/* sinistre */
@font-face {
  font-family: "Sinistre";
  src: url('/assets/fonts/SinistreVF.woff2') format('woff2'),
    url('/assets/fonts/Sinistre-Regular.woff2') format('woff2'),
    url('/assets/fonts/SinistreVF.ttf') format('ttf');
}

/** Chrome, Safari, Opera, and Edge Chromium Track**/
.playercontainer .trackdurationcontrols input[type="range"]::-webkit-slider-runnable-track {
background: var(--playerbar);
height: 0.1rem;
width: 100%;
}

/** Firefox Track**/
.playercontainer .trackdurationcontrols input[type="range"]::-moz-range-track {
background: var(--playerbar);
height: 0.1rem;
width: 100%;
}

/** Chrome, Safari, Opera, and Edge Chromium Thumb**/
.playercontainer .trackdurationcontrols input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
border: .1rem solid var(--playerbar);
appearance: none;
margin-top: -12px;
background-color: var(--playericons);
height: .5rem;
width: .5rem;
}

/** Firefox Thumb**/
.playercontainer .trackdurationcontrols input[type="range"]::-moz-range-thumb {
border: .1rem solid var(--playerbar);
border-radius: 0;
background-color: var(--playericons);
height: .5rem;
width: .5rem;
}
.playercontainer .trackcontrols {
width: inherit;
height: 20%;
display: flex;
flex-flow: row nowrap;
justify-content: center;
gap: 5px;
margin-top: -5%;
}
.playercontainer .trackcontrols button {
color: var(--playericons);
font-size: 1.8vw;
background-color: transparent;
border: none;
}
.playercontainer .creditstooltip {
color: var(--playerbar);
text-align: right;
align-self: flex-end;
margin-bottom: -5px;
}

/* Tooltip text */
.playercontainer .creditstooltip .playercredits {
visibility: hidden;
width: 170px;
font-size: 10px;
background-color: var(--playertitlebg);
color: white;
text-align: center;
padding: 2px 0;
border-radius: 2px;
margin: 18px 0 0 -162px;
position: absolute;
z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.playercontainer .creditstooltip:hover .playercredits {
visibility: visible;
}

@media only screen and (max-width: 750px) {
 .playercontainer .now-playing {
 font-size: 1.7vw;
}

.playercontainer marquee {
 font-size: 2.3vw;
}

.playercontainer .trackdurationcontrols {
 gap: .4vw;
 font-size: 1.7vw;
}

.playercontainer .trackdurationcontrols .bar {
 margin-left: .2vw;
 margin-right: .3vw;
}

.playercontainer .trackdurationcontrols #current-time {
margin-left: -2px; 
}

.playercontainer .trackdurationcontrols #duration {
margin-left: -3px; 
}

.playercontainer .trackcontrols button {
 color: var(--playericons);
 font-size: 4vw;
 background-color: transparent;
 border: none;
}
}

/* end music player styling*/

/* scrollbar styling */
::-webkit-scrollbar {
width: 16px;
}
 
::-webkit-scrollbar-corner {
border-top: 1px solid #000;
border-left: 1px solid #000;
}
 
::-webkit-scrollbar-thumb {
background-color: var(--text);
width: 14px;
border: 1px solid #000;
}
 
::-webkit-scrollbar-track {
background: radial-gradient(circle at 0.5px 0.5px,#000 0.5px,transparent 0) 0/4px 2px repeat,radial-gradient(circle at 2.5px 1.5px,#000 0.5px,transparent 0) 0/4px 2px repeat,#E8E2F4;
border: 1px solid black;
}
 
::-webkit-scrollbar-button:vertical:increment {
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917954568594276402/vertical_increment.png);
width: 16px;
height: 16px;
border-left: 1px solid black;
border-right: 1px solid black;
}
 
::-webkit-scrollbar-button:vertical:decrement {
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917954568313270342/vertical_decrement.png);
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
width: 16px;
height: 16px;
}
 
::-webkit-scrollbar-button:horizontal:decrement {
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918018641235173436/hori_decrement.png);
background-color: #DEDEDE;
background-repeat: no-repeat;
background-position: center;
border-top: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid black;
width: 16px;
height: 16px;
}
 
::-webkit-scrollbar-button:horizontal:increment {
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918018641537150976/hori_increm.png);
background-color: #DEDEDE;
background-repeat: no-repeat;
background-position: center;
border-top: 1px solid black;
border-bottom: 1px solid black;
width: 16px;
height: 16px;
}
/* end scrollbar*/

/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/cursors/cur-7/cur686.cur), auto !important;} /* End https://www.cursors-4u.com */