*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,Arial,sans-serif}.error{color:#fff;text-align:center;background-color:#e74b4b;border-radius:5px;padding:7px 20px}.success{color:#fff;text-align:center;background-color:#4be755;border-radius:5px;padding:7px 20px}.btn{cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-weight:600;transition:all .2s}.btn:hover{transform:scale(1.1)}.btn:active{transform:scale(1)}.btn-primary{color:#fff;background:linear-gradient(#6a0dad,#2b0ca8);box-shadow:0 6px 18px #6a0dad1f}.container{margin:0 300px auto}.nav-link{color:#fff;padding:10px;font-size:14px;font-weight:600;text-decoration:none;transition:all .5s;position:relative}.nav-link.dark{color:#3e1479}.nav-link.dark:after,.nav-link.dark.router-link-active:after{background-color:#10b981}.nav-link:after,.nav-link.router-link-active:after{content:"";background-color:#fff;width:0;height:3px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.router-link-active:after{width:100%}