@font-face
    {
        font-family: 'SourceCodePro';
        src: url(fonts/SourceCodePro.ttf);
    }

.window-outline
{
    border-style: solid;
    border-width: 2px;
    border-color: #ffffff;
}
.window
{
    background-image: linear-gradient(to bottom, #000000, #004130);
    border-color: #ff5589;
    border-style: ridge;
    border-width: 6px;
}
.inner-window
{
    background-color: #000000;
    border-color: #ffffa4;
    border-style: double;
    border-width: 6px;
    margin: 10px;
}
.footer-heading
{
    background-color: #00000000;
    color: #4bbaff;
}

body
{
    font-family: SourceCodePro;
    background-image: linear-gradient(to bottom, #000000,#000000,#3b0800,#25005c);
    color: #ffffff;
    -webkit-text-stroke-color: #ffffff3d;
    -webkit-text-stroke-width: medium;
    width: 80%;
    margin: auto;
}
img
{
    display: block;
    margin: auto;
    padding: 20px;
}
h1
{
    font-weight: 500;
    color: #ff7878;
    text-align: center;
    -webkit-text-stroke-color: #f9306dad;
    -webkit-text-stroke-width: medium;
}
section
{
    margin-bottom: 20px;
}
h2
{
    font-weight: 600;
    text-align: center;
    color: #000000;
    background-color: #ffffff;
    -webkit-text-stroke-color: #ffffff3d;
    -webkit-text-stroke-width: medium;
    margin: 0;
}
h3
{
    font-weight: 375;
    margin: 8px;
}
p
{
    opacity: 90%;
    margin: 8px;
}
ul
{
    opacity: 81%;
    margin: 8px;
}

white-wash{color: #ffffff;}
fuchsia-blood{color: #36ffff;}
red-blood{color: #ff0000;}
jade-blood{color: #00e171;}