#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;background-color:#a3ceff;height:100%}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}a{color:#fff;text-decoration:none}.form[data-v-af3fb5a2]{justify-content:center;align-items:center;margin-top:100px}.avatar-upload[data-v-af3fb5a2]{position:relative;max-width:205px;margin:50px auto}.avatar-upload .avatar-edit[data-v-af3fb5a2]{position:absolute;right:12px;z-index:1;top:10px}.avatar-upload .avatar-edit input[data-v-af3fb5a2]{display:none}.avatar-upload .avatar-edit input+label[data-v-af3fb5a2]{display:inline-block;width:34px;height:34px;margin-bottom:0;border-radius:100%;background:#fff;border:1px solid transparent;box-shadow:0 2px 4px 0 rgba(0,0,0,.12);cursor:pointer;font-weight:400;transition:all .2s ease-in-out}.avatar-upload .avatar-edit input+label[data-v-af3fb5a2]:hover{background:#f1f1f1;border-color:#d6d6d6}.avatar-upload .avatar-edit input+label[data-v-af3fb5a2]:after{content:"\f040";font-family:FontAwesome;color:#757575;position:absolute;top:10px;left:0;right:0;text-align:center;margin:auto}.avatar-upload .avatar-preview[data-v-af3fb5a2]{width:192px;height:192px;position:relative;border-radius:100%;border:6px solid #f8f8f8;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);background-color:#d3d3d3}.avatar-upload .avatar-preview>div[data-v-af3fb5a2]{width:100%;height:100%;border-radius:100%;background-size:cover;background-repeat:no-repeat;background-position:50%}