@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap);*{box-sizing:border-box}html{font-family:Open Sans,sans-serif}body{margin:0;background:#4d4d4d}.slide-in-left-enter{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slide-in-left-enter-active{transition:all .2s}.slide-in-left-enter-active,.slide-in-left-exit{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.slide-in-left-exit-active{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;transition:all .2s}.center{text-align:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.lds-dual-ring{display:inline-block;width:64px;height:64px}.lds-dual-ring:after{content:" ";display:block;width:46px;height:46px;margin:1px;border-radius:50%;border-color:#510077 transparent;border-style:solid;border-width:5px;-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite}.loading-spinner__overlay{height:100%;width:100%;position:absolute;top:0;left:0;background:hsla(0,0%,100%,.9);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}@-webkit-keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.avatar{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.avatar,.avatar img{width:100%;height:100%}.avatar img{display:block;border-radius:50%;object-fit:cover}.card{position:relative;margin:0;box-shadow:0 2px 8px rgba(0,0,0,.26);border-radius:6px;padding:1rem;overflow:hidden;background:#fff}.user-item{margin:1rem;width:calc(45% - 2rem);min-width:17.5rem}.user-item a{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%;height:100%;text-decoration:none;padding:1rem;color:#fff;background:#292929}.user-item a:active,.user-item a:hover{background:#ffd900}.user-item__content{padding:0}.user-item__image{width:4rem;height:4rem;margin-right:1rem}.user-item__info h2{font-size:1.5rem;margin:0 0 .5rem;font-weight:400;color:#ffd900}.user-item:active h2,.user-item:active h3,.user-item:hover h2,.user-item:hover h3{color:#292929}.user-item__info h3{margin:0}.users-list{list-style:none;margin:0 auto;padding:0;width:90%;max-width:50rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.75);z-index:10}.modal{z-index:100;position:fixed;top:22vh;left:10%;width:80%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.26);border-radius:8px}.modal__header{width:100%;padding:1rem .5rem;background:#2a006e;color:#fff}.modal__header h2{margin:.5rem}.modal__content,.modal__footer{padding:1rem .5rem}@media (min-width:768px){.modal{left:calc(50% - 20rem);width:40rem}}.modal-enter{-webkit-transform:translateY(-10rem);transform:translateY(-10rem);opacity:0}.modal-enter-active{transition:all .2s}.modal-enter-active,.modal-exit{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.modal-exit-active{-webkit-transform:translateY(-10rem);transform:translateY(-10rem);opacity:0;transition:all .2s}.button{font:inherit;padding:.5rem 1.5rem;border:1px solid #f05;border-radius:4px;background:#f05;color:#fff;cursor:pointer;margin-right:1rem;text-decoration:none;display:inline-block}.button:focus{outline:none}.button:active,.button:hover{background:#ff4382;border-color:#ff4382}.button--inverse{background:transparent;color:#f05}.button--inverse:active,.button--inverse:hover{color:#fff;background:#f05}.button--danger{background:#830000;border-color:#830000}.button--danger:active,.button--danger:hover{background:#f34343;border-color:#f34343}.button:active:disabled,.button:disabled,.button:hover:disabled{background:#ccc;color:#979797;border-color:#ccc;cursor:not-allowed}.button--small{font-size:.8rem}.button--big{font-size:1.5rem}.main-header{width:100%;height:4rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:fixed;top:0;left:0;background:#f05;box-shadow:0 2px 6px rgba(0,0,0,.26);padding:0 1rem;z-index:5}main{margin-top:5rem}@media (min-width:768px){.main-header{-webkit-justify-content:space-between;justify-content:space-between}}.nav-links{list-style:none;margin:0;padding:0;width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.nav-links li{margin:1rem}.nav-links a{border:1px solid transparent;color:#292929;text-decoration:none;padding:.5rem}.nav-links a.active,.nav-links a:active,.nav-links a:hover{background:#f8df00;border-color:#292929;color:#292929}.nav-links button{cursor:pointer;border:1px solid #292929;color:#292929;background:transparent;padding:.5rem;font:inherit}.nav-links button:focus{outline:none}.nav-links button:active,.nav-links button:hover{background:#292929;color:#fff}@media (min-width:768px){.nav-links{-webkit-flex-direction:row;flex-direction:row}.nav-links li{margin:0 .5rem}.nav-links a{color:#fff;text-decoration:none}.nav-links button{border:1px solid #fff;color:#fff;background:transparent}.nav-links button:active,.nav-links button:hover{background:#f8df00;color:#292929}}.side-drawer{position:fixed;left:0;top:0;z-index:100;height:100vh;width:70%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.26)}.main-navigation__menu-btn{width:3rem;height:3rem;background:transparent;border:none;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;margin-right:2rem;cursor:pointer}.main-navigation__menu-btn span{display:block;width:3rem;height:2.5px;background:#fff}.main-navigation__title{color:#fff}.main-navigation__title a{text-decoration:none;color:#fff}.main-navigation__header-nav{display:none}.main-navigation__drawer-nav{height:100%}@media (min-width:768px){.main-navigation__menu-btn{display:none}.main-navigation__header-nav{display:block}}
/*# sourceMappingURL=main.b84b0afd.chunk.css.map */