/* color scheme */
/*

#001423 dark blue
#8b5c29 brown
#ffe1ba sand
#0066b1 light blue
#fff773 yellow

*/


/* introHeadBlock */
.introHeadBlock {
    display: block;
    text-align: center;
    background-color: #001423;
    padding: 5px;
    width: 101%;
}

.introHeadBlock h1, .introHeadBlock p {
    color: #ffe1ba;
    padding: 4px;
}


.fallout-link:link, .fallout-link:visited {
    color: #fff773;
    text-decoration: none;
}

.fallout-link:hover {
    color: #ffe1ba;
    text-decoration: none;
    transition: ease-in 0.2s;
}

/* Directory Board */
.fallout-directory {
    background-color: #001423;
    width: 102%;
    display: grid;
    grid-template:
        "a a a a"
        ". b b ."
        "c c d d"
        "e e f f"
        "g g h h"
        ". i i ."
        "j j j j"
        "k k l l"
        "m m n n"
    ;
    justify-content: center;
}

.head-name {
    grid-area: a;
    color: #ffe1ba;
    text-align: center;
    border: 3px solid #8b5c29;
}
.fallout-para {
    grid-area: b;
    text-align: center;
    color: #ffe1ba;
}
#f76 {
    grid-area: c;
}
#f1 {
    grid-area: d;
    background-image: linear-gradient("pictures/Game Posters/fallout1BoxArt.png");
}
#fT {
    grid-area: e;
}
#f2 {
    grid-area: f;
}
#f3 {
    grid-area: g;
}
#fNV {
    grid-area: h;
}
#f4 {
    grid-area: i;
}
.head-name2 {
    grid-area: j;
    color: #ffe1ba;
    text-align: center;
}
#fBOS {
    grid-area: k;
}
#fS {
    grid-area: l;
}
#fSO {
    grid-area: m;
}
#f5 {
    grid-area: n;
}

#f76, #f1, #fT, #f2, #f3, #fNV, #f4, #fBOS, #fS, #fSO, #f5 {
    /* border: 2px solid #8b5c29; */
    text-align: center;
    padding: 10px;
}