/* Setting fade transition and default settings */
body {
  transition: background-color 1s ease;
}

/* panel styles */
.panel {
  /* min height incase content is higher than window height */
  min-height: 100vh;
  /* outline: 10px solid hotpink; */
  /* turn above on to see the edge of panels */
}
.panel {
    margin-bottom: 0px;
    background-color: #ffffff00;
    border: 0px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}
/* colours */
.color-black{
    background-color: #1b1a48;
/* background-color: #000;*/
	color: #fff;
}

.color-blue {
  background-color: #2F8FED;
}
.color-green {
  background-color: #4DCF42;
}
.color-yellow {
  background-color: #FAEB33;
}
.color-orange {
  background-color: #F19031;
}
.color-red {
  background-color: #F2293A;
}