.collapeMenu{position:relative}#app{text-align:center}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50;text-decoration:none;padding:10px;border-radius:4px}#nav a.router-link-exact-active{color:#fff;background:crimson}.logo{width:100px}.login input,.register input{width:300px;height:40px;padding-left:20px;display:block;margin-bottom:30px;margin-right:auto;margin-left:auto;border:1px solid skyblue}.login button,.register button{width:320px;height:40px;border:1px solid skyblue;background-color:skyblue;color:#fff;cursor:pointer}.modal-header[data-v-82b7803a]{background-color:#bad8e4}.modal-header[data-v-01b5f560]{background-color:#cae4ba}body[data-v-1baf3229]{display:grid;overflow:hidden;font-family:$font;text-transform:uppercase;text-align:center}#container[data-v-1baf3229]{position:relative;margin:auto;overflow:hidden;width:700px;height:250px}h2[data-v-1baf3229]{font-size:.9em;font-weight:400;letter-spacing:3px;padding-top:5px;padding-bottom:5px}.green[data-v-1baf3229]{color:darken(green,20%)}.red[data-v-1baf3229]{color:darken(red,10%)}.alert[data-v-1baf3229]{font-weight:700;letter-spacing:5px}p[data-v-1baf3229]{margin-top:-5px;font-size:.5em;font-weight:100;color:darken(#777,10%);letter-spacing:1px}.dot[data-v-1baf3229],button[data-v-1baf3229]{cursor:pointer}#success-box[data-v-1baf3229]{left:12%;background:linear-gradient(to bottom right,#fff 40%,#fff);box-shadow:5px 5px 20px rgba($gray,10%);perspective:40px}#error-box[data-v-1baf3229],#success-box[data-v-1baf3229]{position:absolute;width:35%;height:100%;border-radius:20px}#error-box[data-v-1baf3229]{right:12%;background:linear-gradient(to bottom left,#fff 40%,#fff);box-shadow:5px 5px 20px rgba(#cbcdd3,10%)}.two[data-v-1baf3229]{right:12%;opacity:.5}.face[data-v-1baf3229]{-webkit-animation:bounce-1baf3229 1s ease-in infinite;animation:bounce-1baf3229 1s ease-in infinite}.face2[data-v-1baf3229],.face[data-v-1baf3229]{position:absolute;width:22%;height:22%;background:#fff;border-radius:50%;border:1px solid #777;top:21%;left:37.5%;z-index:2}.face2[data-v-1baf3229]{-webkit-animation:roll-1baf3229 5s ease-in-out infinite;animation:roll-1baf3229 5s ease-in-out infinite}.eye[data-v-1baf3229]{position:absolute;width:5px;height:5px;background:#777;border-radius:50%;top:40%;left:20%}.right[data-v-1baf3229]{left:68%}.mouth[data-v-1baf3229]{position:absolute;top:43%;left:41%;width:7px;height:7px;border-radius:50%}.happy[data-v-1baf3229]{border:2px solid;border-color:transparent #777 #777 transparent;transform:rotate(45deg)}.sad[data-v-1baf3229]{top:49%;border:2px solid;border-color:#777 transparent transparent #777;transform:rotate(45deg)}.shadow[data-v-1baf3229]{position:absolute;width:23%;height:3%;opacity:.5;background:#777;left:40%;top:43%;border-radius:50%;z-index:1}.scale[data-v-1baf3229]{-webkit-animation:scale-1baf3229 1s ease-in infinite;animation:scale-1baf3229 1s ease-in infinite}.move[data-v-1baf3229]{-webkit-animation:move-1baf3229 5s ease-in-out infinite;animation:move-1baf3229 5s ease-in-out infinite}.message[data-v-1baf3229]{position:absolute;width:100%;text-align:center;height:40%;top:47%}.button-box[data-v-1baf3229]{position:absolute;background:#fff;width:50%;height:15%;border-radius:20px;top:73%;left:25%;outline:0;border:none;box-shadow:2px 2px 10px rgba(#777777,.5);transition:all .5s ease-in-out;&[data-v-1baf3229]:hover{background:darken(#fff,5%);transform:scale(1.05);transition:all .3s ease-in-out}}@-webkit-keyframes bounce-1baf3229{50%{transform:translateY(-10px)}}@keyframes bounce-1baf3229{50%{transform:translateY(-10px)}}@-webkit-keyframes scale-1baf3229{50%{transform:scale(.9)}}@keyframes scale-1baf3229{50%{transform:scale(.9)}}@-webkit-keyframes roll-1baf3229{0%{transform:rotate(0deg);left:25%}50%{left:60%;transform:rotate(168deg)}to{transform:rotate(0deg);left:25%}}@keyframes roll-1baf3229{0%{transform:rotate(0deg);left:25%}50%{left:60%;transform:rotate(168deg)}to{transform:rotate(0deg);left:25%}}@-webkit-keyframes move-1baf3229{0%{left:25%}50%{left:60%}to{left:25%}}@keyframes move-1baf3229{0%{left:25%}50%{left:60%}to{left:25%}}