@charset "UTF-8";

/* FLEXBOX THINGS */
.parent {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    height: 100vh;
}
.child {
    position: absolute;
    display: none;
    margin-top: 4em;
    margin-left: -2.9em;
}

/* GENERAL PAGE STRUCTURE */
body {
    margin: 0;
    background-color: #000;
}

/* NAV BAR */
a {
    font: 16px 'Raleway', Helvetica, sans-serif;
    text-decoration: none;
    color: #2A628F;
    border-bottom: none;
    transition: border .5s ease;
}
a:visited {color: #2A628F;}
a:hover {
    color: #F0FFE5;
   /* border-bottom: 1px solid #F0FFE5; */
}
a:active {
    color: #F0FFE5;
   /* border-bottom: 1px solid #F0FFE5; */ 
}

/* HIDING BAR */
.hover {
    display: inline-flex;
}

/* ELEMENTS */
h1 {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    color: #ffff;
    letter-spacing: .2em;
    transition: color 0.5s ease;
}
h1:hover {
    color: #d80000;
}

/* TEXT ALIGNMENT */
    .center {text-align: center;}
    .right {text-align: right;}
    .left {text-align: left;}
    .justify {text-align: justify;}

/* MARGINS */
    .l25 {margin-left: 1.5em;}
    .r25 {margin-right: 1.5em;}
    .t25 {margin-top: 1.5em;}
    .b25 {margin-bottom: 1.5em;}
    .all25 {margin: 1.5em;}

/* COLORS */
    .gry {color: #888;}
    .wht {color: #fff;}
    .vLiteGrn {color: #F0FFE5;}
    .forestGrn {color: #787F73;}
    .blk {color: #000;}

/* CAPITALIZATION */
    .uc {text-transform: uppercase;}
    .lc {text-transform: lowercase;}
    .sent {text-transform: capitalize;}

/* DISPLAYS */
    .block {display: block;}
    .inline {display: inline;}
    .inBlock {display: inline-block;}