/*  CS142 Final Project
    Designed by Kamiku Xue, Andrew Pang & Zecheng Jin
    Tablet Version
*/

/*================
    Global Setting
==================*/

/*================
    Modals
==================*/

/*================
    Header & Nav
==================*/

/*================
    Index
==================*/
#home main {
    background-color: rgba(1, 1, 1, 0.8);
    margin: 1em;
}
/*================
    Stories
==================*/
.stories_intro p{
    font-size: 120%;
}

.stories-voice{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-areas:
            "designer software"
            "art art";
}

.stories-img-art{
    width: 40%;
}

.stories-voice p{
    font-size: 90%;
    text-align: center;
}

/*================
    Characters
==================*/
.characters{
    display: grid;
    width: 90%;
    grid-template-columns: 20% 20%;
}

#characters h2, h3{
    text-align: center;
    font-size: 200%;
    padding: 2%;
    margin: 2%;
    border-bottom: 2px solid white;
}

.characters-intro{
    width: 150%;
}

/*================
    Gallery
==================*/

/*================
    Comments
==================*/

/*================
    About
==================*/
.parallax{
    height:475%
}
/*================
    Footer
==================*/