@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap);@import url(https://fonts.googleapis.com/icon?family=Material+Icons);*{margin:0;padding:0;outline:0;box-sizing:border-box}#root,body,html{height:100%}body{background:#f1f3f5;-webkit-font-smoothing:antialiased}body,button,input{font-family:Roboto,sans-serif}#app{max-width:1200px;margin:0 auto;padding:60px 30px;display:flex;flex-direction:row;align-items:flex-start}#app main{margin-left:30px}@media (max-width:1000px){#app{flex-direction:column}#app main{margin-left:0;margin-top:30px}#app aside{width:100%}}aside{width:320px;background:#fff;box-shadow:0 0 .7142857142857143rem #ccc;padding:30px 20px}aside strong{font-size:20px;text-align:center;display:block;color:#333}aside form{margin-top:30px}aside form .input-block+.input-block{margin-top:20px}aside form .input-group{margin-top:20px;display:grid;grid-gap:20px;gap:20px;grid-template-columns:1fr 1fr}aside form .input-group .input-block{margin-top:0}aside form .input-block label{color:#acacac;font-size:14px;font-weight:700;display:block}aside form .input-block input{width:100%;height:32px;font-size:14px;color:#666;border:0;border-bottom:1px solid #eee}aside form button[type=submit]{width:100%;border:0;margin-top:30px;background:#15b89a;border-radius:2px;padding:15px 20px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;-webkit-transition:background .5s;transition:background .5s}aside form button[type=submit]:hover{background:#14af83}.btn-cancel,aside form .btn-update{width:46%;border:0;margin-top:30px;border-radius:2px;padding:15px 20px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;-webkit-transition:background .5s;transition:background .5s}aside form .btn-update{margin-right:10px;background:#4285f4}aside form .btn-update:hover{background:#536dfe}aside form .btn-cancel{margin-left:10px;background:#696969}aside form .btn-cancel:hover{background:#504f4f}main{flex:1 1}main ul{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;list-style:none}@media (max-width:650px){main ul{grid-template-columns:1fr}}main div.pagination{margin-top:2rem;margin-bottom:2rem}li.dev-item{background:#fff;box-shadow:0 0 .7142857142857143rem #ccc;border-radius:2px;padding:20px}li.dev-item header{display:flex;flex-direction:row;align-items:center}li.dev-item header img{width:54px;height:54px;border-radius:50%}li.dev-item header .user-info{margin-left:10px}.user-info strong{display:block;font-size:16px;color:#333}.user-info span{font-size:13px;color:#999;margin-top:2px}li.dev-item p{color:#666;font-size:14px;line-height:20px;margin:10px 0}li.dev-item a{color:#0aad9d;font-size:14px;text-decoration:none}li.dev-item a:hover{color:#028478}li.dev-item .btn-edit{width:17%;border:0;margin-top:15px;margin-left:10px;background:#696969;border-radius:2px;padding:7px 5px 5px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;-webkit-transition:background .5s;transition:background .5s}li.dev-item .btn-edit:hover{background:#504f4f}li.dev-item .btn-delete{width:17%;border:0;margin-top:15px;margin-left:10px;background:tomato;border-radius:2px;padding:7px 5px 5px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;-webkit-transition:background .5s;transition:background .5s}li.dev-item .btn-delete:hover{background:#e83528}
/*# sourceMappingURL=main.266fe40d.chunk.css.map */