a {
    text-decoration: none;
    color: #b39f8a;
}

a:visited {
  text-decoration: none;
  color: #b39f8a;
}

a:hover {
  color: #ffb395;
}

html {
scrollbar-color: #ffe0ea #b1a299;
}

body {
background-image: url(Images/Background/AL-bg1.gif);
background-color: #e7edd8;
font-family: ms gothic;
font-size: 10px;
color: #6b4833;
overflow: hidden;
}

.toplace {
overflow: hidden;
background-image: url(Images/Decoration/Frame/n02-bg-lace.gif);
position: fixed;
top: 0;
height: 46px;
width: 100%;
z-index: -1;
margin-left: -10px;
}

#reyes-e-gideao {
overflow: hidden;
position: absolute;
width: 1100px;
z-index: 1;
pointer-events: none;
margin-left: 470px;
margin-top: 30px;
}

.nametag {
position: absolute;
font-family: 'marola';
font-style: italic;
font-size: 46px;
top: -30px;
text-shadow: 1px 1px 1px #6b4833,-1px 1px 1px #6b4833,1px -1px 1px #6b4833,-1px -1px 1px #6b4833;
color: #ffffff;
}

.box16 {
width: 666px;
height: fit-content;
border-width: 5px;
border-style: solid;
border-image: url(Images/Decoration/Border/border.gif) 7 fill round;
padding: 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
position: absolute;
}

.box-center {
border: dashed 1px;
background-image: url(Images/Background/bg.png);
}

.box-inner {
border: dotted 1px;
background:#fff;
margin:6px;
padding: 3px;
}

.information {
border: 1px dashed black;
border-right: 0px;
border-radius: 4px;
display: inline-flex;
font-size: 9px;
background: linear-gradient(to right, #e8f0df 0%, #fef0f000 100%);
padding: 3px 6px;
border-radius: 0px 0px 0px 0px;
align-items: center;
gap: 6px;
margin-bottom: -1px;
margin-top: 10px;
margin-left: 6px;
}

.box-1 {
display: inline-flex;
}

.box-1 p {
margin-left: 6px;
}

.dotted-hr {
border: none;
border-bottom: dotted 2px;
margin-top: -16px;
color: #e5d3cc;
}

.dashed-hr {
border: none;
border-bottom: dashed 1px;
margin-top: -16px;
color: black;
}

.reyes-ico {
border-width: 5px;
border-style: solid;
border-image: url(Images/Decoration/Border/border.gif) 7 fill round;
position: relative;
top: -21px;
right: -15px;
height: 131.6px;
}

#reyes-icon {
border: solid 1px #6b4833;
border-radius: 2px;
height: 130px;
width: 130px;
margin-bottom: -2px;
}

.box-highlight {
border: dashed 1px black;
background-color: #fff7f9;
margin: 6px;
text-align: center;
margin-bottom: 9px;
}

.box-highlight img {
height: 14px;
margin: 8px;
}

.box-highlight p {
margin-left: -1px;
}

.box-2 p {
margin-left: 6px;
}

.container {
display: flex;
gap: 3px;
padding-top: 6px;
height: 150px;
}

.inner-box-a {
border: dashed 1px;
background-image: url(Images/Background/bg.png);
}

.inner-box-b {
border: dotted 1px;
background:#fff;
margin:6px;
padding: 3px;
height: 130px;
width: 430px;
overflow-y: scroll;
scrollbar-width: thin;
}

.relation-container {
display: flex;
height: 130px;
overflow-y: none;
}

.photo-container {
width: 120px;
float: left !important;
}

.photo {
border: 1px solid;
margin-bottom: -1px;
margin-left: 1px;
margin: 9px;
transform: rotate(-10deg);
height: 109px;
width: 96px;
}

.photo-container-b {
width: 120px;
float: left !important;
}

.photo-b {
border: 1px solid;
margin-bottom: -1px;
margin-left: 1px;
margin: 9px;
transform: rotate(10deg);
height: 109px;
width: 96px;
}

.desc-container {
width: 400px;
}

#char-ico {
border: solid 1px #6b4833;
border-radius: 2px;
height: 90px;
width: 90px;
margin-left: 2px;
margin-top: 2px;
}

.relationship {
display: flex;
justify-content: flex-end;
}

.name-display {
font-family: inherit;
font-size: 20px;
font-style: bold;
margin-top: 1px;
text-shadow: -1px 0,0 1px,0 -1px,1px 0;
color: #b39f8a;
text-transform: uppercase !important;
letter-spacing: 1px;
}

.category {
margin-top: 4px;
margin-left: 6px;
margin-right: 4px;
font-size: 12px;
font-style: oblique;
}

.character-desc {
margin-top: -6px;
margin-left: 5px;
text-align: righ;
}

.inner-box-c {
border: dashed 1px;
background-image: url(Images/Background/bg.png);
}

.inner-box-d {
border: dotted 1px;
background:#fff;
margin:6px;
padding: 5px;
height: 126px;
width: 186px;
background-image: url(Images/Background/stripes-transparent.png);
}

.lil-box {
background-image: url(Images/Decoration/Character/burger.png);
background-repeat: no-repeat;
background-position-x: 12%;
background-size: 120%;
border: 1px solid;
border-radius: 2px;
height: 119px;
color: #98715a;
padding: 3px;
}

.fake-ad {
border: 1px solid;
border-radius: 0px 0px 30px 0px;
border-left: 0px;
border-top: 0px;
margin-top: -3px;
margin-left: -3px;
padding: 3px;
padding-right: 7px;
font-size: 9px;
width: fit-content;
background-color: #fff0f5;
}