<dom-module id="page-home">
<template>
    <style include="shared-styles">
        #body {
            height: 100vh;
            width: 100vw;
            //color: white;
            //background-image: url(../../assets/images/banner.jpg);
            //filter: grayscale(.3);
            //background-color: rgba(0, 0, 0, .45);
            background-blend-mode: multiply;
            background-size: cover;
            background-position: right;
        }
        #text {
            padding-top: 50px;
            width: 50%;
        }
    </style>
    <div id="body">
        <div class="container">
            <div id="text">
                <h1>Hello.</h1><br>
                My name is Daniel, and I am a second-year undergraduate studying computer science at UC Berkeley.
            </div>
        </div>
    </div>
</template>
<script>
    Polymer({
        is: "page-home"
    });
</script>
</dom-module>

<dom-module id="page-home">
<template>
    <style include="shared-styles">
        #body {
            height: 100vh;
            width: 100vw;
            //color: white;
            //background-image: url(../../assets/images/banner.jpg);
            //filter: grayscale(.3);
            //background-color: rgba(0, 0, 0, .45);
            //background-blend-mode: multiply;
            //background-size: cover;
            //background-position: right;
        }
        #text {
            padding-top: 50px;
            width: 50%;
        }
    </style>
    <div id="body">
        <div class="container">
            <div id="text">
                <h1>Hello.</h1><br>
                My name is Daniel, and I am a second-year undergraduate studying computer science at UC Berkeley.
            </div>
        </div>
    </div>
</template>
<script>
    Polymer({
        is: "page-home"
    });
</script>
</dom-module>

Comment out unnecessary home page background styles
Comment out unnecessary home page background styles
