html {
    font-size: calc(15px + 0.390625vw);
}

body {
    background-image: url("https://steamuserimages-a.akamaihd.net/ugc/920291799818625173/60AD5475173F3F10F4CA8CEF8D3996BB9E99E78E/?imw=5000&imh=5000&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=false");
    background-size: 60%;
    background-attachment: fixed;
    color: aliceblue;
    padding: 30px;
    background-color:#010816;
    background-position: center;
    background-repeat: no-repeat;
    /* background-blend-mode: color-dodge; */
    
}

h1 {
    /* font-size: 3vw; */
    font-size: 1.8rem;
}

h2 {
    color: white;
    /* font-size: 2vw; */
    font-size: 1.5rem;
}

table {
    color: black;
    width: 100%;
    border: 2.5px solid black;
    border-collapse: collapse;
    border-right: 5px solid whitesmoke;
    opacity: 90%;
}

.tableHeader {
    text-align: center;
    color: whitesmoke;
}

td {
    text-align: center;
    /* padding: 8px; */
    padding: 10px;
    width: 0%;
    border-bottom: 2.5px solid black;
}

.firstCol {
    background-color: rgba(245, 245, 245, 0.866);
    text-align: left;
}

.defaultCol {
    background-color: antiquewhite;
}

.blackCol {
    background-color: black;
    color: white;
    filter: brightness(50%);
}

.whiteCol {
    background-color: white;
    color: black;
    filter: brightness(95%);
}

.greyCol {
    background-color: grey;
}

.crimsonCol {
    background-color: crimson;
}

.pinkCol {
    background-color: pink;
}

.cobaltCol {
    background-color: blue;
}

.skyBlueCol {
    background-color: skyblue;
}

.siennaCol {
    background-color: sienna;
}

.saffronCol {
    background-color: yellow;
    opacity: 80%;
}

.limeCol {
    background-color: lime;
    opacity: 80%;
}

.greenCol {
    background-color: green;
    opacity: 80%;
}

.orangeCol {
    background-color: orange;
    opacity: 80%;
}

.purpleCol {
    background-color: purple;
    opacity: 80%;
}

.goldCol {
    background-color: gold;
    opacity: 80%;
}

/* .WebContainer{
    width: 100%;
    height: auto;
}
.articles{
    width:90%; 
    height: auto;
    margin: auto;
} */

.WebContainer {
    width: 100%;
    min-width: 1000px;
    height: auto;
}

.container {
    width: 1200px;
    max-width: 100%;
}

.w-auto {
    width: auto;
}

.marginBottom {
    margin-bottom: 30px;
}

.marginTop {
    margin-top: 30px;
}

.fa-window-close {
    color: red;
    background-color: black;
}

.fa-check-square {
    color: green;
    background-color: black;
}

.fa-question-circle {
    color: white;
    background-color: black;
}

p {
    font-size: larger;
    color: white;
}
#tips{
    font-size: 0.8rem;
}
/* footer{
    text-align: center;
    background-color: black;
    padding-top: 30px;
    
} */