body {
   background-image:url('img/bg.jpg');
   color: #FFF;
   font-color: #FFF;
}

.blackiconcolor {color:black;}

.footer-bar {
   position: fixed;
   bottom: 0;
   width: 100%;
   height: 50px;
   color: #000;
   font-color: #000;
   background-color:#d3d3d3;
}
.pure-button-success,
.pure-button-error,
.pure-button-warning,
.pure-button-secondary {
   color: white;
   border-radius: 4px;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.pure-button-success {
   background: rgb(28, 184, 65); /* this is a green */
}

.pure-button-error {
   background: rgb(202, 60, 60); /* this is a maroon */
}

.pure-button-warning {
   background: rgb(223, 117, 20); /* this is an orange */
}

.pure-button-secondary {
   background: rgb(66, 184, 221); /* this is a light blue */
}

button:active {
   background: yellow;
}

