body{margin:0;padding:0;box-sizing:border-box;font-family:Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eee}.users{display:inline-block;margin-bottom:20px}.users .user{display:-webkit-flex;display:flex;margin:10px 0}.users h2{text-transform:uppercase;color:#333}.users div img{height:70px;width:70px;margin-right:5px;box-shadow:0 0 0 1px #000}.users div p{margin-right:5px;font-size:20px;font-weight:700}.users div p.id{font-weight:400;margin-right:15px}.users p.message{font-size:20px;color:#e50914}.users button.delete{background-color:#e62d36;height:24px;width:24px;line-height:24px;border:1px solid #000;border-radius:50%;margin:23px 15px 0 0;cursor:pointer;font-weight:700}.users button.delete:hover{background-color:#8b0000;color:#eee;border:2px solid #eee}.container input{display:block;margin:5px auto;padding:10px 0 10px 5px;border:1px solid #333;font-size:14px}.container form label{display:inline-block;font-size:14px;margin-bottom:10px;padding:0 2%}.container .addUser input:first-of-type,.container .addUser input:nth-of-type(2){display:inline-block;margin:5px}.container h2{text-transform:uppercase;color:#333}.container{display:-webkit-flex;display:flex;padding:0 10%}.container .addUser{margin:0;-webkit-flex-basis:50%;flex-basis:50%;border-right:2px solid #333}.container .updateUser{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.container span{font-weight:700;border-bottom:2px solid #eee}.container .updateUser{-webkit-flex-basis:50%;flex-basis:50%}.container .updateUser input:first-of-type{margin:20px auto}form .btn{background-color:#eee;background-color:#337ab7;border:1px solid #eee;padding:10px 20px;margin:10px auto;text-transform:uppercase;color:#eee;cursor:pointer;text-align:center;font-weight:700;letter-spacing:1px}form .btn:hover{color:#fff;background-color:#245782}.app{position:relative;text-align:center;background-image:url(/rest-api/static/media/bgc.c0c832a9.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;max-width:1920px;margin:0 auto;overflow:hidden}.app h1{text-transform:uppercase;margin:0;color:#eee;background-color:rgba(0,0,0,.3);font-family:Open Sans Condensed,sans-serif;font-size:50px;font-weight:700;padding:4vh 0;text-shadow:2px 2px 2px #000,2px 2px 5px #a9a9a9}.app h1,footer{letter-spacing:2px}footer{position:absolute;left:0;bottom:0;width:100%;background-color:#141414;color:#e5e5e5;padding:5px 0;font-size:20px}@media (min-width:1440px){.users .user{margin:30px 0}.users div img{height:80px;width:80px}}@media (max-width:480px) and (orientation:portrait){.container{display:block}.container .addUser{border:none}}@media (max-width:824px){.app h1{font-size:35px;padding:2vh 0}}@media (max-width:376px) and (orientation:portrait){.users .user{padding-left:4%}}
/*# sourceMappingURL=main.faae8635.chunk.css.map */