/* oof some css properties were really obscure n strange and thanks to some old reddit questions I was able to find what I needed. */
@font-face
{
    font-family: "Dotmatrix-Bold-Scroller";
    src: url("./img/fnt/Dotmatrix/Dot_Matrix_Bold_Scroller.ttf");
}
@font-face
{
    font-family: "Dotmatrix-Bold";
    src: url("./img/fnt/Dotmatrix/Dot_Matrix_Bold.ttf");
}
@font-face
{
    font-family: "Dotmatrix";
    src: url("./img/fnt/Dotmatrix/Dot_Matrix_Regular.ttf");
}
body
{
    background-color: #000000;
    background-image: url("./img/texture_space.png");
    background-position: left top;
    background-repeat: repeat;
    
}
section
{
    border-radius: 25px;
    border: 10px solid #ffff00;
    /*border-image: url("./img/texture_construction.bmp") 35% repeat;*/
    padding: 10px;
    margin: auto;
    width: 50%;
    text-align: center;
    box-shadow: inset 0 0 0 4px #161200,
                0 0 0 4px #a48900,
                /*5px 0 0 0 #a48900,
                -5px 0 0 0 #a48900,
                0 5px 0 0 #a48900,
                0 -5px 0 0 #a48900,*/
                
                2px 2px 2px;

    box-sizing: border-box;
    background-color: #010101;
    background-image: linear-gradient(#010101, #110000, #000000);
    background-position: left top;
    background-repeat: repeat;
}
#news-txt
{
    font-family: "Dotmatrix-Bold-Scroller";
}
#sectMen
{
    contain: layout;
    width: 20%;
    float: right;
    position: fixed;
    left: 79%; /* (100 - width) - 1 */
    top: 2%; /* lil plop offset */
/*     margin-top: -7%; */
/*     margin-right: 0%; */
    border-color: #cc00ff;
    box-shadow: inset 0 0 0 4px #210034,
                0 0 0 4px #6800a4,
                
                2px 2px 2px;
}
main, header
{
    margin-bottom: 5%;
}
h1
{
    color: red;
    font-family: "Dotmatrix-Bold";
    font-weight: 100;
    text-shadow: 0 0 23px #ff0000;/*, 0 0 20px #ff0000;*/
}
p, noscript
{
    color: red;
    font-family: "Dotmatrix";
    font-weight: 100;
    text-shadow: 0 0 23px #ff0000;/*, 0 0 20px #ff0000;*/
}
a, ul
{
    color: blue;
    font-size: 150%;
    font-family: "Dotmatrix-Bold-Scroller";
    font-weight: 100;
    text-shadow: 0 0 23px #0000ff;
}
a:hover
{
    color: aqua;
}