innerPage {
    background: url('../images/blueWreath.png') no-repeat;
    background-position-y: 50%;
    background-size: contain;

    /* filter: hue-rotate(90deg); */

    font-family: 'Satisfy', cursive;
}

column {
    height: 100%;
    width: 100%;
}

column.left,
column.right {
    width: 50%;
}

column.third {
    width: 33.3333%;
}

module {
    display: block;
    height: 50%;

    padding: 2.5mm;
}

innerModule {
    background: rgba(255,255,255,.85);
    display: block;

    height: 100%;
    width: 100%;

    position: relative;
}

module h1 {
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 130%;

    height: 2.5rem;
    width: 100%;
    
    position: relative;
    z-index: 2;
    /* background: rgba(0,0,170,.5); */
}

module.moduleOne h1 {
    color: rgba(136,162,190,1);
}

module.moduleTwo h1,
module.moduleThree h1 {
    background: rgba(123,156,169,1);
    color: rgba(255,255,255,1);
}

module table {
    border-collapse: collapse;
    height: calc(100% - 2.5rem);
    text-transform: capitalize;
    width: 100%;
}

module table img {
    max-width: 100%;
    padding: 1mm;
}

module table td {
    vertical-align: middle;
}

module table.borderList td {
    border-bottom: 1pt dotted rgba(130,166,166,.5);
}

module table.backgroundList td {
    background: linear-gradient(90deg, rgba(230,237,238,.25) 0%, rgba(227, 235, 239, 0.35) 100%);
    border-top: 1mm solid rgba(255,255,255,1);
    vertical-align: middle;
}

module.moduleThree {
    height: 70%;
}

module.moduleThree innerModule {
    background: none;
}

module.moduleThree h1 {
    margin: 0 auto;
    width: 50%;
}

module notepad {
    background: rgba(255,255,255,.96);
    border: 1pt dotted rgba(130,166,166,.5);
    display: block;
    height: calc(100% - 1.25rem);
    position: absolute;
    top: 1.25rem;
    width: 100%;
    z-index: 1;
}

module.moduleFour {
    height: 30%;
}

/* Right Page */

module.calendar {
    height: 100%;
}

module.calendar row {
    display: flex;
    align-items: center;
    justify-content: center;

    /* font-size: 180%; */
    
    height: calc(100% / 8);
}

module.calendar row.title column {
    display: flex;
    align-items: flex-end;
}

module.calendar row.title column.monthName {
    display: flex;
    align-items: flex-start;
}

module.calendar row.title column.monthName h1 {
    font-size: 200%;
    text-transform: capitalize;
}

module.calendar row.day {
    border: 1pt dotted rgba(136,162,190,.55);
    border-bottom: none;
    background: rgba(255,255,255,.8);
}

module.calendar row.day:last-of-type {
    border-bottom: 1pt dotted rgba(136,162,190,.55);
}

module.calendar row.day column {
    display: flex;
    align-items: center;
    justify-content: center;

    /* font-size: 200%; */

    text-align: center;
    text-transform: capitalize;
}

dayData {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;

    position: relative;
}

dayName {
    font-size: 200%;
    position: absolute;
    width: 100%;
}

dayNumber {
    color: rgba(0,0,0,.1);

    height: 100%;
    width: 100%;

    position: absolute;
    left: 0;
    top: 0;
    font-size: 500%;
    text-align: center;
}

dayMeta.namedays {
    bottom: 5mm;
    display: block;
    font-family: helvetica, sans-serif;
    font-size: 25%;
    position: absolute;
    width: 100%;
}