oliverbth05

  var app = new Vue({
            
         el: "#counterApp",
         data: {
             
             count: 0
         },
         methods:{
             
             increment: function(){

oliverbth05

body {
    
    font-family: 'Roboto', sans-serif;
    font-weight: lighter;
}

#navbar {
    margin-top: 0;
        

oliverbth05

#app{
  padding-top: 100px;
}

h3{
 text-align:center;
}

#dataHeader{
  padding-bottom: 5px;

oliverbth05

#body{
  background: #DA4453;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #89216B, #DA4453);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #89216B, #DA4453); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

#headerSegment{
  
  text-align:center;

oliverbth05

#text-align-center{
    text-align: center;
    
}

#width170{
    width: 170px;
}
#width70{
    width: 70px;

oliverbth05

.card{
  width: 300px;
  margin: 10px;
  border-radius: 8px;
}

.card_header{
  text-align: center;
  width: 100%;
  background: rgb(200, 200, 260);

oliverbth05

#app{
  margin: auto;
  width: 40%;
  text-align: center;
  border: 1px solid grey;
  padding: 10px;
  margin-top: 50px;
}

oliverbth05

#table {
  width: 400px;
  margin: auto;
  text-align: center;
}

#inputForm{
  width: 400px;
  margin: auto;
  margin-top: 50px;

oliverbth05

new Vue({
  el: "#app",
  data: {
  	entries: [],
    amount :"",
    date :"",
    byDate: true
  },
  methods: {
  	submit: function(){

oliverbth05

#drawer{
  background: rgba(240, 240, 240, 1);
  
}