:root {
  --font-title: 'Eagle Lake', serif;
  --font-body: 'Ancizar Serif', serif;
  --primary: rgb(255, 237, 203);
  --secondary: rgb(255, 196, 35);
}

:root { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

body {
    min-height: 100vh;
    margin: 0;
    background-image: url('img/canvas.png');
    background-repeat: repeat;
    background-attachment: fixed;
    background-color: black;
    font-family: var(--font-body);
    color: white;
    display: flex;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-title);
    color: var(--secondary);
    font-weight: normal;
}

h1 {
    color: #ffefa1;
    text-shadow: 0.5px 2px 1px #ffd900;
}

p {
    font-size: 14px;
    font-weight: 600;
    color: var(--primary);
}

.custom-border {
    border: 5px groove #8b4513b7;
    border-radius: 7px;
}
.custom-border-2 {
    border: 3px groove #49240ab7;
    border-radius: 5px;
}

hr {
    border: 0.5px solid rgba(255, 237, 203, 0.336);
    width: 97.5%;
    margin-left: auto;
    margin-right: auto;
}

img {
    pointer-events: none;
}

.tira {
    background-image: url('img/tira.png');
    background-repeat: repeat-x;
    background-size: auto 35px;
    width: 100%;
    height: 35px;
    display: block;
}

.link-lista {
    text-decoration: underline;
    color: #fff8d3;
    transition: 300ms;
    font-weight: 600;
}
.link-lista:hover {
    color: #ffefa1;
    font-weight: 800;
}

.log p {
    padding: 3px;
    background: #000;
    border-radius: 5px;
    border: 1px solid #815b2283;
    font-family: monospace;
    font-size: 9px;
    margin-top: 5px;
}

.log p span {
    font-weight: 900;
    background-color: #815b2231;
    color: #ffefa1;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Scrollbar */ 
* {
  scrollbar-width: thin;
  scrollbar-color: rgb(230, 183, 97) rgb(73, 48, 0);
}
*::-webkit-scrollbar {
  width: 12px;
  height: 12px; 
}
*::-webkit-scrollbar-track {
  background: rgb(73, 48, 0); 
  border-radius: 10px; 
}
*::-webkit-scrollbar-thumb {
  background-color: rgb(230, 183, 97);
  border-radius: 20px; 
  border: 3px solid rgb(73, 48, 0); 
}