/* ===== Layout Index ===== */

body {
    margin: 0;
    padding: 0;
    font-family: monospace;
    font-size: 1em;
    background: url("https://bettysgraphics.neocities.org/images/backgrounds/stars%202.gif");
    background-repeat: repeat;
}

* {
  cursor: url('imagens/ponteiro.gif') 32 32, auto;
}

/* ===== Links ===== */
a,
a:link,
a:visited {
    color: #e03afd;
    text-decoration: none;
    font-weight: bold;
    transition: color .2s;
}

a:hover {
    color: #37e66e;
    text-decoration: underline;
    text-decoration-style: dotted;
}

a:active {
    color: #c8de1b;
}
/* ===== FIM Links ===== */


/* ===== Barra de rolagem ===== */

::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}

/* FUNDO DA BARRA */
::-webkit-scrollbar-track {
    background: #ffe87c;
}

/* ESCONDE TODOS OS BOTÕES POR PADRÃO */
::-webkit-scrollbar-button {
    display: none;
}

/* SETA PARA CIMA (só o botão do topo) */
::-webkit-scrollbar-button:vertical:start:decrement {
    display: block;
    width: 16px;
    height: 16px;
    background-color: #ffe87c;
    border: 2px outset #ffe87c;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpolygon points='8,4 3,10 13,10' fill='%235c3270'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

/* SETA PARA BAIXO (só o botão da base) */
::-webkit-scrollbar-button:vertical:end:increment {
    display: block;
    width: 16px;
    height: 16px;
    background-color: #ffe87c;
    border: 2px outset #ffe87c;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpolygon points='3,6 13,6 8,12' fill='%235c3270'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

/* SETA PARA ESQUERDA */
::-webkit-scrollbar-button:horizontal:start:decrement {
    display: block;
    width: 16px;
    height: 16px;
    background-color: #ffe87c;
    border: 2px outset #ffe87c;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpolygon points='4,8 10,3 10,13' fill='%235c3270'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

/* SETA PARA DIREITA */
::-webkit-scrollbar-button:horizontal:end:increment {
    display: block;
    width: 16px;
    height: 16px;
    background-color: #ffe87c;
    border: 2px outset #ffe87c;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpolygon points='6,3 6,13 12,8' fill='%235c3270'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

/* BARRINHA QUE VOCÊ ARRASTA */
::-webkit-scrollbar-thumb {
    background: #ffc67c;
    border: 2px outset #ffe87c;
}

/* EFEITO AO PASSAR O MOUSE */
::-webkit-scrollbar-thumb:hover {
    background: #ff8c32;
}


/* ===== FIM Barra de rolagem ===== */



.pagina {
    width: 870px;
    margin: 0 auto;
}


.cabecalho {
    background: #ffe87c;
    border: 3px double #ff8c32;
    text-align: center;
    margin-top: 15px;
}

.texto {
    padding: .5em 1em;
    font-size: 1.075em;
	color: #5c3270;
}

.coluna-lateral {
    background: #fffdf3;
    border: 3px double #ff8c32;
    padding: 0;
}

	.coluna-lateral h2 {

		margin: 0;
		padding: 5px;
		text-align: center;
		background: #ffe87c;
		color: #5c3270;
		border-bottom: 3px double #ff8c32;
	}

.coluna-central {
    background: #fffdf3;
    border: 3px double #ff8c32;
    padding: 0;
}

	.coluna-central h2 {

		margin: 0;
		padding: 5px;
		text-align: center;
		background: #ffe87c;
		color: #5c3270;
		border-bottom: 3px double #ff8c32;
	}

.rodape {
    background: #ffe87c;
    border: 3px double #ff8c32;
    text-align: center;
    margin-top: 2px;
}

.limite-coluna {
   max-height: 1000px;
   overflow:auto;
}

.atualizacao {
  max-height:120px;
  overflow:auto;
}

/* ===== FIM Layout Index ===== */


/* ===== Livros da página de leitura ===== */

.livro {
	display: flex;
    align-items: flex-start;
    gap: 15px;
	color: #5c3270;
	padding: 15px
}

.capa-livro {
	width: 60px;
	height: auto;
	border: 2px solid #ff8c32;
	padding: 3px
	
}

.livro-info {
  flex: 1;
	font-size: 1.075em;
	text-align: justify;
}

.livro-divisoria {
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.livro-divisoria img {
	width: 300px;
	height: auto;
}

.queroler {
    overflow-y: auto;
    overflow-x: hidden;
    height: 200px;
    padding: 0;
}


.queroler img {
	width: 100px;
	height: 150px;
	padding: 3px;
}



/* ===== FIM Livros da página de leitura ===== */

/* ===== Filmes da página de FILMES ===== */

.filme {
	display: flex;
  align-items: flex-start;
  gap: 15px;
	color: #5c3270;
	padding: 15px
}

.capa-filme {
	width: 100px;
	height: auto;
	border: 2px solid #ff8c32;
	padding: 3px
	
}

.filme-info {
  flex: 1;
	font-size: 1.075em;
	text-align: justify;
}

.filme-divisoria {
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.filme-divisoria img {
	height: auto;
}

/* ===== FIM Livros da página de leitura ===== */