body {
 background-color: #1a1a1a;
 text-align: center;
font-family: 'Roboto Condensed', sans-serif;
}
svg {
  height: 100vh;
  width: 100vw;
}
#world {
 width: 100%;
 height: 100%;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 1s
}
.fade-enter, .fade-leave-to {
  opacity: 0
}

text { 
  font-size: 18px; text-transform: uppercase; 
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
   user-select: none; 
}
.active { opacity: 1; transition: opacity 2s; }
.inactive { opacity: 0.5; cursor: pointer; }
.palettes { opacity: 0; }
.palette { opacity: 0; }
.paletteTitle { opacity: 0; }
.nav { cursor: pointer; }