#demo {
  transition: background 1s ease-out, max-height 2s ease-out;
  max-height: 500px;
  overflow: hidden; }
#demo .navbar {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 auto;
    }
#demo .navbar .button {
      border-radius: 110px;
      border-width: 0px;
      cursor: pointer;
	  opacity:.75;
	  box-shadow: 0px 4px 4px rgba(0,0,0,.5);
  }
#demo .component {
    display: none;
    }

.background-red {
  background-color: #f59595; }

.background-blue {
  background-color: #63a5e9; }

.background-yellow {
  background-color: #e9d56c; }

.background-green {
  background-color: #abf165; }

.background-orange {
  background-color: #f6bc79; }

.clicked {
	opacity:1  !important;
    box-shadow: 0px 0px 0px 5px #467E9A !important; 
}