#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.container-center{margin:auto;padding:2em}:root{--color-black:#fff;--color-blue:#00abeb;--color-magenta:#c90087;--color-purple:#5a308c;--color-red:#cc0050;--color-yellow:#ffda00;--color-green:#299129}.text-purple,.text-purple-bold{color:var(--color-purple)}.text-purple-bold{font-weight:700}.text-blue,.text-blue-bold{color:var(--color-blue)}.text-blue-bold{font-weight:700}.text-pink-magenta,.text-pink-magenta-bold{color:var(--color-pink-magenta)}.text-pink-magenta-bold{font-weight:700}.text-red,.text-red-bold{color:var(--color-red)}.text-red-bold{font-weight:700}.text-yellow,.text-yellow-bold{color:var(--color-yellow)}.text-yellow-bold{font-weight:700}.text-green,.text-green-bold{color:var(--color-green)}.text-green-bold{font-weight:700}.text-black,.text-black-bold{color:var(--color-black)}.text-black-bold{font-weight:700}.bg-black{background-color:var(--color-black)}.bg-blue{background-color:var(--color-blue)}.bg-magenta{background-color:var(--color-magenta)}.bg-purple{background-color:var(--color-purple)}.bg-red{background-color:var(--color-red)}.bg-yellow{background-color:var(--color-yellow)}.bg-green{background-color:var(--color-green)}.border-black{border-color:var(--color-black)}.border-blue{border-color:var(--color-blue)}.border-magenta{border-color:var(--color-magenta)}.border-purple{border-color:var(--color-purple)}.border-red{border-color:var(--color-red)}.border-yellow{border-color:var(--color-yellow)}.border-green{border-color:var(--color-green)}