body {
  background-color: #dededf;

  background-image: url(/sorrowengine/rust2.png);
}



::-moz-selection { /* Code for Firefox */
  color: white;
  background: black;
}

::selection {
  color: white;
  background: black;
}

@font-face {
    font-family: 'MasonAlternate';
    src: url('/sorrowengine/MasonAlternate.woff2') format('woff2'),
        url('/sorrowengine/MasonAlternate.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MasonAlternate';
    src: url('/sorrowengine/MasonAlternate-Bold.woff2') format('woff2'),
        url('/sorrowengine/MasonAlternate-Bold.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Beveled';
    src: url('/sorrowengine/Beveled.woff2') format('woff2'),
        url('/sorrowengine/Beveled.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MasonSans';
    src: url('/sorrowengine/MasonSansAlternateBold.woff2') format('woff2'),
        url('/sorrowengine/MasonSansAlternateBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MasonSansAlternate';
    src: url('/sorrowengine/MasonSansAlternate.woff2') format('woff2'),
        url('/sorrowengine/MasonSansAlternate.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ExocetHeavy';
    src: url('/sorrowengine/ExocetHeavy.woff2') format('woff2'),
        url('/sorrowengine/ExocetHeavy.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MasonSuper';
    src: url('/sorrowengine/MasonSuper-Bold.woff2') format('woff2'),
        url('/sorrowengine/MasonSuper-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.avatar {
  border-style: solid;
  border-width: 3px;
  border-bottom-color: #463c38;
  border-right-color: #463c38;
  border-left-color: #261718;
  border-top-color: #261718;
  height: 240px;
  width: 240px;
  float: inline;
 
}

.cell {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto; 
    padding-top: 2%;
    text-align: center;
}

img {max-width:100%;}

.imageMarquee
{
    height: 240px; 
    background-image:url('/sorrowengine/chain1.png');
     background-repeat: repeat;
    animation: imageMovement 5s linear infinite;
}

@keyframes imageMovement {
    100% {
        background-position-x: 626px;
    }        
}



.table_component {
    overflow: auto;
    width: 94%;
    
    padding-right: 3%;
     padding-left: 3%;
     max-width: 720px;
    
}

.table_component table {
  border-style: solid;
  border-width: 10px;
  border-bottom-color: #463c38;
  border-right-color: #463c38;
  border-left-color: #261718;
  border-top-color: #261718;
  height: 100%;
  width: 100%;
  table-layout: fixed;
  border-spacing: 0px;
  text-align: center;
  font-family: "MasonAlternate";
  font-weight: 100;

}

.table_component caption {
    caption-side: top;
    text-align: center;
}

.table_component th {
  
  border-style: solid;
  border-width: 10px;
  border-top-color: #463c38;
  border-left-color: #463c38;
  border-right-color: #261718;
  border-bottom-color: #261718;
  font-family: 'ExocetHeavy';
  font-weight: 100;
    background-color: #ffffff;
    color: #375e5e;
    padding: 5px;
    text-align: center;
    font-size: 22px;
  
    
    
}
.table_component th:hover {
     border-style: solid;
  border-width: 10px;
  border-bottom-color: #463c38;
  border-right-color: #463c38;
  border-left-color: #261718;
  border-top-color: #261718;
  background-image: url(/sorrowengine/rust2.png);
 text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
    background-color: #ffffff;
    color: #ff0000;
    padding: 5px;
    text-align: center;
    


    
}

.table_component td {
    border-style: solid;
  border-width: 10px;
  border-bottom-color: #463c38;
  border-right-color: #463c38;
  border-left-color: #261718;
  border-top-color: #261718;
    background-color: #ffffff;
    color: #375e5e;
  
    
}


.rust {
   background-image: url(/sorrowengine/rust2.png);
   
     text-shadow: 1px 1px black;
}

.rustb {
   background-image: url(/sorrowengine/rust2b.png);

  text-shadow: 1px 1px black;
}

@
