@charset "utf-8";

@import url(indexStyle.css);

body {
    background-image: url(bgTest2.png), url(bgTest2.png);
    background-repeat: repeat, repeat;
    background-position: 0 0, 150px 200px;
    font-family: Nunito, Helvetica, sans-serif;
    color: ivory;
    background-color: rgb(27, 27, 27);
    display: flex;
    flex-flow: row wrap;
    max-width: 600px;
    margin: 0 auto;
    flex-basis: 600px;
}

header, footer {
    width: 100%;
}

header {
    flex-basis: auto;
    font-family: monospace;
    text-align: center;
    align-self: center;
    justify-self: center;
    text-shadow: rgba(250, 246, 248, 0.888) 1px 2px 4px;
    margin-top: 20px;
}

section {
    flex: 1 0 300px;
    background-color: rgba(27, 27, 27, 0.8);
}

section.chL {
    position: left;
    border-top: 4px solid rgba(222,222,222, 0.5);
}

section.chR {
    position: right;
    border-top: 4px solid rgba(222,222,222, 0.5);
}

/* media specific settings */







/* Legacy Stuff / OLD */
/* Block Style */
/*
section.chL {
    display:block;
    float: left;
}

section.chR {
    display: block;
    float: right;
}
*/

/* TEMP Outline Thing */
/* body > * {
    outline: 2px dashed red;
} */

/* section > * {
     outline: 2px dashed blue;
} */