* {
    margin: 0;
    padding: 0;
    }



body {
    background-color:#000000;
    /* background-image: url('barfborder.png'); */
}

img {
    /* height: 100%; */
    width: 100%;
    object-fit: contain;
}
.centerdiv{
    margin:auto;
}
.content{
    border: 1em solid #3c3a3a;
    background-color: #3c3a3a;
    border-radius:.5em;
    box-sizing: border-box;
    height:auto;
}
.siteborder{
    border: 1em solid #ffb632;
    background-color:#591315;
    padding: 2em;
    border-radius: .5em;
    font-family:'Arial Narrow Bold', sans-serif;
    font-size: 2em;
    color: white;
    height: auto;
    width: 100%;
    box-sizing:border-box;
}
.title{
    font-family:Impact,'Arial Narrow Bold';
    font-size:2em;
    color:white;
    padding-bottom:.25em;
    padding-top:.25em;
}

ul,
ol {
  /* user-agent styles */
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding-inline-start: 40px;
}
ol {
  list-style-type: decimal;
}
li {
  display: list-item;
  text-align: match-parent;
}
::marker {
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
}

td{
    padding:5px;
    background-color:beige;
    font-family:'Arial Narrow Bold', sans-serif;
    font-size:2em;
    color:#000000;
}

th{
    padding:5px;
    background-color:#ffb632;
    font-family:'Arial Narrow Bold', sans-serif;
    font-size:2em;
    color:white;
}

a{
    text-decoration:none;
    color:white;
}

a:hover{
    text-decoration: underline;
    color:#ffb632;
}
/* 
@media only screen and (orientation: landscape) {
    /* For mobile phones: */

/* 
    .flexcontainer {
        width: 100%;
        height: 100%;
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        box-sizing: border-box;
        justify-content: space-evenly;
    }

    .flexitem {
        
        align-items: flex-start;
        height: 70%;

        min-width: 0;

    }

    .spflex {
        align-items: flex-start;
        height: 70%;

        min-width: 0;

    }
    .ytflex {
        align-items: flex-start;
        height: 70%;

        min-width: 0;

    }
    .paircontainer {
        flex-direction: row;
    }
    p {
    width:90%;
    float:left;
    font-family: 'Arial Narrow Bold', sans-serif;
    font-size: .75em;
}
  } */ */