:root{--violet:#674baf;--magenta:#e882e8;--black:#1c1c1c;--blue:#272738;--orange:#ff3c00;--red:#fd1067}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--black)}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}svg{width:200px;height:200px;margin:0 0}svg.loading{width:50px;height:50px}ul{list-style-type:none;max-width:80vw;margin:10px auto;padding:0;flex-wrap:wrap}li,ul{display:flex}li{width:20%;margin:20px;padding-bottom:0;flex-direction:column;justify-content:space-between;align-items:center;position:relative;border-radius:5px;box-shadow:0 0 5px 5px #efefef;transition:transform .2s ease-in-out}li.disabled{opacity:.4;pointer-events:none}li:hover{transform:scale(1.05)}li>div{width:100%}h2{margin:0;padding:0}p{margin:0 auto;margin-bottom:20px;max-width:80%}span{font-weight:600;padding:20px 0}a,span{display:block}a{padding:7px 0;background-color:var(--blue);color:#fff;font-weight:700;font-size:16px;width:100%;cursor:pointer;border-radius:5px;border-top-left-radius:0;border-top-right-radius:0}a:hover{background-color:var(--orange)}.btn-login{margin:0 auto;padding:8px 7px;background:var(--blue);color:#fff;font-weight:700;font-size:16px;width:200px;border-radius:10px;cursor:pointer}