@font-face {
    font-family: 'RobotoFlex';
    src: url('fonts/RobotoFlex-Regular.woff2') format('woff2'),
         url('fonts/RobotoFlex-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 center;
color: rgb(255,255,255); 
font-family: 'RobotoFlex', Arial;
font-size: 12px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
display: flex;
justify-content: center;
height: 100%;
}

::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: rgb(000,000,000);}
::-webkit-scrollbar-thumb {background: rgb(000,000,000); border: 1px solid rgb(025,020,255)}
::-webkit-scrollbar-thumb:hover {background: rgb(255,000,045); border: 1px solid rgb(255,000,045)}


hr {border-top: 1px solid rgb(161,110,000); width: 100%; border-bottom: 0px; border-right: 0px; border-left: 0px; margin-top: 0px; margin-left: 0px; margin-bottom: 4px;}
hr.soulmatetitle {border-top: 1px solid rgb(161,110,000); width: 100%; border-bottom: 0px; border-right: 0px; border-left: 0px; margin-top: 0px; margin-left: 0px; margin-bottom: 0px;}
hr.title {border-top: 2px solid rgb(191,130,000); width: 100%; border-bottom: 0px; border-right: 0px; border-left: 0px; margin-top: 0px; margin-left: 0px; margin-bottom: 1px;}

div.body {width: 1248px; align: center; padding: 0px;}
div.content {width: 1228px; align: center; padding: 0px; margin: 0 auto;}

div.boxes {display: flex; width: 100%}
div.left {flex: 1; width: 988px;}
div.right {width: 240px; }
div.left2 {flex: 1; width: 160px;}
div.right2 {width: 1088px; }

font.header {font-weight: bold; color: rgb(255,000,045); margin-bottom: 0px;}
font.contentheader {font-weight: bold; color: rgb(255,255,255); margin-bottom: 0px;}
a.header:hover {text-decoration: none;}

hr {border-top: 1px solid rgb(255,000,045); width: 100%; border-bottom: 0px; border-right: 0px; border-left: 0px; margin-top: 0px; margin-left: 0px; margin-bottom: 1px;}
hr.content {border-top: 1px solid rgb(255,255,255); width: 100%; border-bottom: 0px; border-right: 0px; border-left: 0px; margin-top: 0px; margin-left: 0px; margin-bottom: 1px;}

a:link {color: rgb(025,020,255); text-decoration: none; cursor: url(cursor.cur), auto;}
a:visited {color: rgb(025,020,255); text-decoration: none; cursor: url(cursor.cur), auto;}
a:hover {color: rgb(125,020,255); text-decoration: underline; cursor: url(cursor.cur), auto;}
a:active {color: rgb(125,020,255); text-decoration: underline; cursor: url(cursor.cur), auto;}

font.kitcarruthers {color: rgb(190,190,190); font-size: 11px; font-family: Tahoma;}
a.kitcarruthers:link {color: rgb(235,235,235); text-decoration: none; cursor: url(cursor.cur), auto;  font-family: Tahoma;}
a.kitcarruthers:visited {color: rgb(235,235,235); text-decoration: none; cursor: url(cursor.cur), auto;  font-family: Tahoma;}
a.kitcarruthers:hover {color: rgb(255,255,255); text-decoration: underline; cursor: url(cursor.cur), auto; font-family: Tahoma;}
a.kitcarruthers:active {color: rgb(255,255,255); text-decoration: underline; cursor: url(cursor.cur), auto; font-family: Tahoma;}

img.list {margin-left: 9px; margin-right: 3px; vertical-align: +2px; height: 4px; width: 4px;}