/* Basic page styling */
body {
  font-family: Arial, sans-serif;
  padding: 20px;
  background: #996699;
}

button {
  padding: 10px 15px;
  font-size: 16px;
  cursor: pointer;
  margin-bottom: 20px;
}

/* Animated box */
.box {
  width: 200px;
  height: 200px;
  background: #99ffff;
  margin-top: 10px;
  border-radius: 10px;
}

/* --- ANIMATION CLASSES (ngAnimate) --- */

/* Fade animation */
.box.ng-enter,
.box.ng-leave {
  transition: opacity 1s ease !important;
}

.box.ng-enter {
  opacity: 0 !important;
}

.box.ng-enter-active {
  opacity: 1 !important;
}

.box.ng-leave {
  opacity: 1 !important;
}

.box.ng-leave-active {
  opacity: 0 !important;
}