*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,Arial,sans-serif}body{background-color:#f5f7f9}.error{color:#fff;text-align:center;background-color:#f22f46;border-radius:5px;padding:7px 20px}.success{color:#fff;text-align:center;background-color:#31b748;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:#f5f7f9;background:linear-gradient(90deg,#6b41e6,#8b65f1);box-shadow:0 4px 8px #6b41e6}.container{margin:0 300px auto}.nav-link{color:#f5f7f9;padding:10px;font-size:14px;font-weight:600;text-decoration:none;transition:all .5s;position:relative}.nav-link.dark{color:#784af7}.nav-link.dark:after,.nav-link.dark.router-link-active:after{background-color:#31b748}.nav-link:after,.nav-link.router-link-active:after{content:"";background-color:#f5f7f9;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%}