:root {
    --bg-col: AntiqueWhite; /* global scope */
    --fg-col: DarkOliveGreen;
    --th-col: IndianRed;

}


.navBar {
    background-color: var(--bg-col);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: solid 5px var(--fg-col);
    text-align: center;
}

.navLink {
    padding: 10px;
    font-size: 25px;
    font-weight: 1000;
    color: var(--fg-col);
    text-align: center;
    text-decoration: none;
    display: inline-block;
}
.navLink:hover {
    background-color: var(--th-col);
    color: var(--bg-col);
}

.navSpace{
    height:50px;
}
@media (max-width: 745px){
    .navSpace{
        height: 100px;
    }
}

.imgPage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}


.broider {
    border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAC4klEQVR4Xu2dwXLCMAxE4c/75y3cisjw2Nl1EobtjUqR5Oe17BAGrpfx93O5/P7/1+31dfp882vi8wSLLvhmmPexE58CFRVSoCIwckeg02Gjp0o9lBKS3e3pFJ/sKtDpfy1QbdMlXgUqnmIKdABbvuSpZ5CdCnTtZ8//1EOpYLK7wOj6s+cv0HALKNCzAXWX6OolTPHJ7o5POrTfi3ETugM6Oj/VX6CDkDthBbo3UHXGyJ/sc0ml/dPx5F0+XUA6njoBq/Pjkk8XkI5XoOIjlvQEpOPhkncTbigGVwEdRZL2OT61XuJjPwJxC0zCeieWW2+BwrGoCn1Hhi98dleoumuq46Mls9qerhc3pQJ9JEATXKCiRAtUPOcSXxuoGoD8yU4Dcu2Un+xqC4yfQ28FPsRUC3YBqgDU+si/QMUWUaAAjACpisf7bDVheskeHU8df4HCjBVoWNIFenagalN2/cM85MfeqiJnvdhDXUBugS5gNb/qX6DwedACDe/ScaBqQNXfXcLp69X6yX/5rWcaQDoeAVL3kAL9tHv5tKLS8ZYrlApOF0D5XPve9fYcOmZMnYCeQ3sO9Ra9qjjVX1aom8DDcfzV6vixh6oBj0eQrUAdf4EC/wLNClR++2/5nZI6w2EeCEStj/wL9NNuPWlG04qc8Sg/2dV4VehqhaozoiqMFLHanq738IP9amAUv0DFD58VaBjY6YCqBU3/jR6Md2PqMnT83XqJT3yXL9BBgGaATgEFWqAPBG6CetmiSHDY3ygAKXYWmI53tvwFaipy+cGeFEh2VXGq/+r8VejeClUV4JwR79eSgsi+Oj/FR4UWqPb9ogVqHhvlTakKXaxQFTD1PLJTz6LrXTvltxVaoK8Ryz20QAv05U9xUEuQl/wMuKFAScVUINnVFaD6q/kp/lMPLVBtFyde/R77fo+9937l8iVPPeJWgNRD1Sb+af40IfYzpU8D4tZboC7BcX2B7gz0DwkTHHrQJFiVAAAAAElFTkSuQmCC") 28 /  28px / 0 round;
    border-width:  28px;
    border-style:  solid;
}

.blueLaceBroider {
    border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAABYElEQVRYR+2Y0Q3CMAxE6RZMwGZMxWZMwBagoqYfRtY7xyEkqPyUkjq+2uezw3LaPpfz9bl+vT9uy3od7f4NakRgNlDLaJHz8MwDlFJf1tWr5bhqV57zagQ5mnWUtS/AMfVRR5ZjWfuy3zxALUc9rlBkSorscyUiqr19fk/9NECjOupFhvaptZM5qhbH14Gqqbcc9F4g+3uaoz8HSimjdapmTwWiUxrq6DBAazkajWS06q2ef/R6Gg5aAVSHoXCvV2VKfRFVHWQd9d5cBaSmnCKMY54qSyrwaCTdXu/JRqvIVgNV5efg6HY8D3N0WHmaRvCJo7SuVjullnr///d6VWZI1ryMNev13YESB1X9pH3UVtrsv6dah7V2+1CiyhNV93Gu3zoXyhNFks5EWfvwPKo6VIsvylmcR1WA3oyQtZfn0ayjrL18ZiJ97LWOxdQLCA4l2amGHLRax2Jq5SibmRcD0jEPJ13hWQAAAABJRU5ErkJggg==") 14 /  14px / 0 round;
    border-width:  14px;
    border-style:  solid;
    padding: 0.3%;
    width: 30%;
    min-width: 500px;
}

.blueLaceImg {
    border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAABYElEQVRYR+2Y0Q3CMAxE6RZMwGZMxWZMwBagoqYfRtY7xyEkqPyUkjq+2uezw3LaPpfz9bl+vT9uy3od7f4NakRgNlDLaJHz8MwDlFJf1tWr5bhqV57zagQ5mnWUtS/AMfVRR5ZjWfuy3zxALUc9rlBkSorscyUiqr19fk/9NECjOupFhvaptZM5qhbH14Gqqbcc9F4g+3uaoz8HSimjdapmTwWiUxrq6DBAazkajWS06q2ef/R6Gg5aAVSHoXCvV2VKfRFVHWQd9d5cBaSmnCKMY54qSyrwaCTdXu/JRqvIVgNV5efg6HY8D3N0WHmaRvCJo7SuVjullnr///d6VWZI1ryMNev13YESB1X9pH3UVtrsv6dah7V2+1CiyhNV93Gu3zoXyhNFks5EWfvwPKo6VIsvylmcR1WA3oyQtZfn0ayjrL18ZiJ97LWOxdQLCA4l2amGHLRax2Jq5SibmRcD0jEPJ13hWQAAAABJRU5ErkJggg==") 14 /  14px / 0 round;
    border-width:  14px;
    border-style:  solid;
    padding: 0.3%;
    min-width: 100px;
    max-width: 100px;
}
img.galThumb {
    object-fit: cover;
    width: 100px;
    height: 100px;
}

@media (max-width: 1250px){
    .blueLaceBroider {
        width:100%;
    }
}
@media (max-width: 1250px){
    .blueLaceBroider {
        min-width:100px;
    }
}



.wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}
.charBio {
    text-align: center;
    
    border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAC4klEQVR4Xu2dwXLCMAxE4c/75y3cisjw2Nl1EobtjUqR5Oe17BAGrpfx93O5/P7/1+31dfp882vi8wSLLvhmmPexE58CFRVSoCIwckeg02Gjp0o9lBKS3e3pFJ/sKtDpfy1QbdMlXgUqnmIKdABbvuSpZ5CdCnTtZ8//1EOpYLK7wOj6s+cv0HALKNCzAXWX6OolTPHJ7o5POrTfi3ETugM6Oj/VX6CDkDthBbo3UHXGyJ/sc0ml/dPx5F0+XUA6njoBq/Pjkk8XkI5XoOIjlvQEpOPhkncTbigGVwEdRZL2OT61XuJjPwJxC0zCeieWW2+BwrGoCn1Hhi98dleoumuq46Mls9qerhc3pQJ9JEATXKCiRAtUPOcSXxuoGoD8yU4Dcu2Un+xqC4yfQ28FPsRUC3YBqgDU+si/QMUWUaAAjACpisf7bDVheskeHU8df4HCjBVoWNIFenagalN2/cM85MfeqiJnvdhDXUBugS5gNb/qX6DwedACDe/ScaBqQNXfXcLp69X6yX/5rWcaQDoeAVL3kAL9tHv5tKLS8ZYrlApOF0D5XPve9fYcOmZMnYCeQ3sO9Ra9qjjVX1aom8DDcfzV6vixh6oBj0eQrUAdf4EC/wLNClR++2/5nZI6w2EeCEStj/wL9NNuPWlG04qc8Sg/2dV4VehqhaozoiqMFLHanq738IP9amAUv0DFD58VaBjY6YCqBU3/jR6Md2PqMnT83XqJT3yXL9BBgGaATgEFWqAPBG6CetmiSHDY3ygAKXYWmI53tvwFaipy+cGeFEh2VXGq/+r8VejeClUV4JwR79eSgsi+Oj/FR4UWqPb9ogVqHhvlTakKXaxQFTD1PLJTz6LrXTvltxVaoK8Ryz20QAv05U9xUEuQl/wMuKFAScVUINnVFaD6q/kp/lMPLVBtFyde/R77fo+9937l8iVPPeJWgNRD1Sb+af40IfYzpU8D4tZboC7BcX2B7gz0DwkTHHrQJFiVAAAAAElFTkSuQmCC") 28 /  28px / 0 round;
    border-width:  28px;
    border-style:  solid;
    width: 300px;
    padding: 1%;
}

.gallery {
    width:470px;
}

.bioImg {
    border-radius: 20px;
    width:100%
    
}


@font-face {
    font-family: 'voidCom V1';
    src: url(fonts/Protovoidscriptv0.1.otf) format('opentype');
}

@font-face {
    font-family: 'ovCom V1';
    src: url(fonts/Conlanguagent-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'faeCom V1';
    src: url(fonts/Fae_v0-Regular.otf) format('opentype');
}

.voidCom{
    font-family: 'VoidCom V1';
    font-size: 30;
}
.ovCom{
    font-family: 'ovCom V1';
    font-size: 30;
}
.faeCom{
    font-family: 'faeCom V1';
    font-size: 30;
}


body {
    background-color:var(--th-col);

    
}

.main {
    background-color: var(--bg-col);
    border-color: var(--fg-col);
    border-width: 5px;
    border-style: solid;
    padding-left: 2%;
    padding-right: 2%;
    margin: 1%;
}

h1 {
    color: var(--fg-col);
}

table, th, td {
    border-collapse: collapse;
    border: 2px solid var(--th-col);
    padding: 5px;
    margin: 0px;
}
th{
    font-weight: bold;
}