@charset "UTF-8";

html {
    background-color: rgb(0, 0, 0);
    background-image: url(images/content-bkg.jpg);
    
}

header {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 80px;
    padding-right: 80px;
}

nav {
    text-align: center;
    padding: 0;
}

.projects ul {
    list-style-type: none;
    padding-left: 0;
    background-color: maroon;
}

.project {
    display: inline-block;
}

.project a::after {
    display: inline-block;
    color: #000;
    content: '>';
    font-size: 80%;
    font-weight: bold;
    
}

nav a:link {
    color: rgb(255, 255, 255)
}

nav a:visited {
    color: rgb(206, 179, 179);
}

nav a:hover {
    color: rgb(46, 2, 2)
}

nav a:active {
    color: rgb(201, 6, 6);
}

header h1 {
    font-family: "Archivo Black";
    font-style: normal;
    font-weight: 400;
    color: maroon;
    font-size: 2.5em;
    text-align: center;
}

h2 {
    font-family: "Space Mono";
    font-weight: 700;
    text-decoration: underline dotted;
}

body{
    width: 1068px;
    margin-top: 25px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(255, 245, 249);
    border: 10px solid maroon;
    padding-top: 0px;

}

p, li {
    font-size: 1em;
    font-family: "Space Mono";
    font-weight: 400;
}

header {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 80px;
    padding-right: 80px;
}

section {
    padding-top: 20px;
        padding-left: 80px;
        padding-right: 80px;
        padding-bottom: 40px;
}

a:link {
    color: maroon
}

a:visited {
    color: sienna;
}

a:hover {
    color: rgb(46, 2, 2)
}

a:active {
    color: rgb(201, 6, 6);
}

footer {
    background-color: maroon;
    font-size: 0.8em;
    color: #ffffff;
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 10px;
    padding-left: 65px;
    padding-right: 65px;
    padding-bottom: 5px;
    border-top: 6px solid rgb(92, 3, 3);
    clear: both;
    text-align: center;
}

footer a:link {
    color: #ffffff;
}

footer a:visited {
    color: rgb(206, 179, 179);
}

footer a:hover {
    color: rgb(46, 2, 2)
}

footer a:active {
        color: rgb(201, 6, 6);
}