app.css

/* # for ID
    . for class */

/*
html {
  --quickadd-text:#434d5f !important;
  --special: #dadeae !important;
  --quickadd: #c04f40 !important;
  --quickadd-feature: #bf3b2a !important;
  --quickadd-success: #b1dcbf !important;
  --quickadd-success-text: #03561f !important;
  --quickadd-placeholder: #e2c0bc !important;
  --background-feature: #e5e7ea !important;
};

*/
body {
    height: 700 !important;
    width: 500 !important;
};

#title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: black;
    padding-bottom: 0;
    height: 500;
    width: 300;
};

#upcoming {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
};


#quickadd {
    background-color:#c04f40;
    margin:20px;
    width:250px;
    height:30px;
    z-index:10;
    position:absolute;
    bottom:0;
    right:0;
    border:0;
    border-radius:7px;
    padding:3px 1px 3px 10px;
    box-shadow:1px 1px 3px #e5e7ea;
    font-size:14px;
    transition-property:color, background-color;
    transition-duration:200ms;
    transition-timing-function:ease-in-out;
    color:black
};

/*
#quickadd::placeholder {
    color:#e2c0bc
};

#quickadd.dragover::placeholder {
    color:#03561f!important
};

#quickadd:hover {
    background-color:#bf3b2a
};

#quickadd:focus {
    background-color:#bf3b2a
};

#quickadd:active {
    background-color:#bf3b2a
};
*/