/* You can add global styles to this file, and also import other style files */
@import "../node_modules/purecss/build/pure-min.css";

#app-footer{
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: black;
    color: silver;
    display: block;
    text-align: center;
    font-size: 80%;
    padding: 5px;
}

#app-header{
    background-color: aqua;
}

#app-header h1{
    font-size: 120%;
    margin: 5px;
}

#app-header h3{
    font-size: 70%;
    margin: 5px;
    color: #333;
}

#app-base-container{
    padding: 30px;
}

#app-side-bar{
    background-color: #333;
}