@font-face {
    font-family: 'caudexregular';
    src: url('https://benitengu.neocities.org/fonts/caudex/caudex-regular-webfont.woff2') format('woff2'),
         url('https://benitengu.neocities.org/fonts/caudex/caudex-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'caudexbold';
    src: url('https://benitengu.neocities.org/fonts/caudex/caudex-bold-webfont.woff2') format('woff2'),
         url('https://benitengu.neocities.org/fonts/caudex/caudex-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'caudexbold_italic';
    src: url('https://benitengu.neocities.org/fonts/caudex/caudex-bolditalic-webfont.woff2') format('woff2'),https://benitengu.neocities.org/style.css
         url('https://benitengu.neocities.org/fonts/caudex/caudex-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'caudexitalic';
    src: url('https://benitengu.neocities.org/fonts/caudex/caudex-italic-webfont.woff2') format('woff2'),
         url('https://benitengu.neocities.org/fonts/caudex/caudex-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.noto-sans-egyptian-hieroglyphs-regular {
  font-family: "Noto Sans Egyptian Hieroglyphs", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.piedra-regular {
  font-family: "Piedra", serif;
  font-weight: 400;
  font-style: normal;
}

.parent {
  display: flex;
  width: 100%;
  justify-content: center; /* Horizontal */
}

.child {
    border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAABXElEQVRYR+1Yiw6DMAjU///ouRq7dAS4Q2s7zJYsy2yRK4/jdF2W5fX+ls96/NYf6zpaR3bCzeevi6OASwNUnlACZyN0q51MdwF9q0Ml75S/NvX1HhW8dQOrxm61SwkURUSusxnoYqd1PaqZuj4cKOJFtI5YoQv9tV0/xGHTiSF/Hj3J7tb2tntkScjSQBPJ9ZcKqBUJKwJTrms8OgUIcsqkPqqqkE/EAirtPQIoO6lQBKPqTI34GfWE+A8BZyffFzaP8JF6QrzK8iaVuVRAUSrkrGcnTjSilqbY8THq6WeAuic5DlP2WPIONY/V9SGZmKpGu/BcIKyoJ/LzaJQvexM+1axe11s0NB1ooMzGb32UHmUn0f+ZqY5QazIhfh1ql+q5Pjoppr3SSQeUVTMWiSKlfsku1ftR1N3syEQlhBS/lZHd7sxT6CWHijF1QE2UsPzIAmbv575BSQN0A87z7BeJJ8uqAAAAAElFTkSuQmCC") 14 /  14px / 0 round;
    border-width:  14px;
    border-style:  solid;
    display: flex;
    flex-direction: column;
    width: fit-content;
    padding: 10px;
    background-color: #b58f4f;
}

  .egyptian {
    border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAC/ElEQVR4Xu2d21JDIQxF6/9/tNq3chlW9knQQ7ud8cHhErJIQgjt+PV4PL5/f19/vrq/+z/V/tnxWXmgztCsymv6P+GlJvgdTxtgoLbQ6x5rCx2tJ+WxEXclAdReHcNuLc9A+QyRNtBADVTOSijkkAVS+3CC9QP6BfRWTAJoPlLwaHmzU95A1xedpcEY6HgxSXmggf4B0GwMo/HVIeVW8iI3JdUFbqXg5ASk9aXaDTSfh8rVJluocOrPbkoEkPJIdbza/7/Lgcv1GmhxPddADbT2yaL6xeFKtYliaGTO1RxqLeBW8iKLOVpB2v3JmxoNWTIz0DEPNVAiID460nRooapLk8CPbo9Umz4akKq8garEoL+BbgBKU1KMpUwhe1en9VG7Kl/Vd6g2qQuiAnG2eEHrUdsNVCUmpkWqR5EB2ULFDdgONPVEcKEYkTVYcvlse7M+Mv9n56xAGp8FRuNJfrbdQLsdMFAyyWJgBBwtlCZQ2ymoi3zk7qm8chLzy9+UDLTd0+YcuvKmZKAGugwTpWlgxSdH6Kp5WgwlfZYbYKD8jCyFOAM10O1pU9rlUxME8rTTYqjk4r3+Tpvyn2B2Htq5THnaZJdvCZS7/G7AkZKhfPIsBqQABcqXWBwxUM1iDbS4vGegu4GqMUbNK2n+yng5m0uVr9ZPBwslgSkBalDfQJf0ozNDMqArd3lJgIHyzcFAF27kD4sVxxgDNdBiAsXT2UI3AKUpKW1SD6m3lhcpVBhoawL4LZC3thhSbpIn0xADBUKlHnjlCYR2MHvVi4Sh1zXcSp6B8jMy3fXTb0q20MUhZQvdYKEUg6rbKW89Wt6V8l322dVAOwIG2gJpPMoWWvwtl0hxpNoiKUs4Wp6B8gsFbXBjIAZqoMN/dlDv4tVZxmChFNOyeSHNL13tJtUh9e6/VV5kMQa6uR5KQTqySSurPXoDI8ofrWAg3pTqF0ns1ZgT0EHqQgpXry8lz0DHvTXQjokKJGvh8l0+K1Dy70lnFZDaP6tfI+8Hx0DYPN4XAdYAAAAASUVORK5CYII=') 28 /  28px / 0 round;
    border-width:  28px;
    border-style:  solid; 
    background-color: #b58f4f;
    padding: 10px;
}

.macondo-regular {
  font-family: "Macondo", cursive;
  font-weight: 400;
  font-style: normal;
}


 
body {
  color: black; /*text color*/
  font-family: 'caudexregular';
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  overflow-x: hidden;
  background-image: url('bg.gif');
  background-repeat: repeat;
}

header {
  width: 100%;
  background-color: var(--darker-color);
}

header img{
  display: block;
  max-height: 400px;
  margin: auto;
}


p {padding: 2px 6px 2px;}

a:link{
  color: var(--darker-color);
}

a:visited{
  color: var(--darker-color);
}


nav{
  width: var(--sidebar-width);
  position: absolute;
  padding: 10px;
  border-radius: 3px;
  background-color: var(--lighter-color);
}

.divider{
  height: 5px;
  width: 100%;
  background-color: var(--accent-color);
}

main{
  background-color: var(--lighter-color);
  margin-left: calc( var(--sidebar-width) + 30px);
  margin-right: calc( var(--sidebar-width) /2);
  padding: 25px;
}

  
  
h1, h2, h3 {
 font-family: 'Piedra';
 text-align: center;
}

.container{
  display: flex;
}

.picture img {
  max-width: 250px;
  flex-shrink: 0;
  float: left;
  margin: 5px;
}

.description {
  margin: 10px;
  padding: 5px;
  border-radius: 8px;
  background-color: var(--lighter-color);
  border: 2px solid var(--darker-color);
}

.gallery img {
  border: 1px solid var(--accent-color); 
  padding: 5px; 
  height: 200px;
}


table {
  table-layout:fixed;
  border: 5px solid;/*table outline*/
  border-spacing:2px;
  margin: auto;
  width: 40%;
  min-width: 300px;
  background-color: var(--lighter-color);
}

th{
  text-align: center;
  border: 1px solid;
  border-spacing:2px;
}

td{
  text-align: left;
  border: 1px solid;
  border-spacing:2px;
  padding: 2px 6px 2px;
}

footer {
  font-size: 12px;
  width: 100%;
  position: absolute;
  bottom: 10px;
  text-align: center;
  height: 24px;
}

.box {
  background-color: #f6f4d2;
  border-style: groove;
  border-color: #d4e09b;
  border-width: 5px; 
  padding: 5px;
  width: fit-content;
  flex-direction: row;
}