/* Background color change */

/* Setting fade transition and default settings */
body {
    color: #0a0a0a;
    background-color: #f4f4f4;
    transition: background-color 1s ease;
    }
    
    /* panel styles */
    .panel {
    /* min height incase content is higher than window height */
    /* min-height: 100vh; */
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-family: sans-serif;
    /* outline: 10px solid hotpink; */
    /* turn above on to see the edge of panels */
    }
    
    /* colours */
    .color-panel01 {
    background-color: #fff;
    }
    .color-panel02 {
    background-color: #fff;
    }
    .color-panel03 {
    background-color: #fff;
    }
    .color-panel04 {
    background-color: #0a0a0a;
    }
    .color-panel05 {
    background-color: #0a0a0a;
    background-image: ;
    }
    .color-panel06 {
    background-color: #0a0a0a;
    }
    .color-panel07 {
    background-color: #FF2975;
    }
    .color-panel08 {
    background-color: #0a0a0a;
    }
    .color-panel09 {
    background-color: #0a0a0a;
	}
    .color-panel10 {
    background-color: #0a0a0a;
    }
    .color-panel11 {
    background-color: #0a0a0a;
    }
    .color-panel12 {
    background-color: #0a0a0a;
    }

    @keyframes move {
  100% {
    transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}