@font-face {
    font-family: 'AfacadFlux';
    src: url('fonts/AfacadFlux-Regular.woff2') format('woff2'),
         url('fonts/AfacadFlux-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {cursor: url(cursor.cur), auto;}

body{
background-color: rgb(000,000,000); background-image: url(img/background.png); background-repeat: no-repeat; background-position: top left;
color: rgb(134,128,120);
font-size: 14px;
font-family: 'AfacadFlux';
line-height: 1.0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}

::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: rgb(000,000,000);}
::-webkit-scrollbar-thumb {background: rgb(000,000,000); border: 1px solid rgb(129,123,115)}
::-webkit-scrollbar-thumb:hover {background: rgb(137,117,102);}

div.body {width: 1000px; height: fixed; v-align: top; align: center; background-image: url(img/background.png); margin-top: -1px;}

font.header {color: color: rgb(129,123,115); font-weight: bold;}
div.top {display: flex; width: 950px; margin-left: 25px; margin-right: 25px;}
div.sectionleft {flex: 1; width: 475px;}
div.sectionright {width: 475px;}
div.main {width: 950px; margin-left: 25px; margin-right: 25px;}

a:link {color: rgb(254,163,072); text-decoration: none}
a:visited {color: rgb(254,163,072); text-decoration: none}
a:hover {color: rgb(255,183,087); text-decoration: underline; cursor: url(cursor.cur), auto;}
a:active {color: rgb(255,183,087); text-decoration: underline; cursor: url(cursor.cur), auto;}

a.img:link {border: none; outline: none; box-shadow: none;}
a.img:visited {border: none; outline: none; box-shadow: none;}
a.img:hover {border: none; outline: none; box-shadow: none;}
a.img:active {border: none; outline: none; box-shadow: none;}

hr {border-top: 1px solid rgb(129,123,115); width: 100%; border-bottom: 0px; margin-top: 0px;}
hr.half {border-top: 1px solid rgb(129,123,115); width: 465px; border-bottom: 0px; margin-top: 0px; align-self: flex-start; margin-left: 0;}

img.thumb {border: 1px solid rgb(129,123,115); width: 107px; height: 107px;}
img.thumb:hover {border: 1px solid rgb(137,129,120); width: 107px; height: 107px;}
div.img {position: relative; display: inline-block; margin-right: 4px;}
div.img img {display: block;}
div.img::before {content: ""; position: absolute; inset: 0; background: rgba(129,123,115, 0.25); transition: opacity 0.25s ease-out; pointer-events: none;}
div.img:hover::before {opacity: 0;}