@import"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:#362c32;background:#2d252a}h2{color:#ff00a2}hr{border:none;border-top:1px solid #00aba9}.slide-in-left-enter{transform:translate(-100%);opacity:0}.slide-in-left-enter-active{transform:translate(0);opacity:1;transition:all .2s ease-out}.slide-in-left-exit{transform:translate(0);opacity:1}.slide-in-left-exit-active{transform:translate(-100%);opacity:0;transition:all .2s}.center{text-align:center;display:flex;justify-content:center;align-items:center}.card{position:relative;margin:0;box-shadow:0 2px 8px #00000042;border-radius:6px;border:1px solid #00aba9;padding:1rem;overflow:hidden;background:#0a0006}.card p{color:#fff8fc;color:#f09609;color:#00aba9}.avatar{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.avatar img{display:block;border-radius:50%;width:100%;height:100%;object-fit:cover}.user-item{margin:1rem;width:calc(45% - 2rem);min-width:17.5rem}.user-item a{display:flex;align-items:center;width:100%;height:100%;text-decoration:none;padding:1rem;color:#fff;background:#292929;background:#0a0006}.user-item a:hover,.user-item a:active{background:#f09609}.card.user-item__content{padding:0!important;border:1px solid #00aba9!important}.card.user-item__content:hover{padding:0!important;border:1px solid #f09609!important}.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:#ff00a2}.user-item:hover h2,.user-item:active h2,.user-item:hover h3,.user-item:active h3{color:#0a0006}.user-item__info h3{color:#00aba9;margin:0}.users-list{list-style:none;margin:0 auto;padding:0;width:90%;max-width:50rem;display:flex;justify-content:center;flex-wrap:wrap}.backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000bf;z-index:10}.modal{z-index:100;position:fixed;top:22vh;left:10%;width:80%;background:#0a0006;box-shadow:0 2px 8px #00000042;border-radius:8px;border:1px solid #00aba9;color:#00aba9}.modal__header{width:100%;padding:1rem .5rem;color:#fff}.modal__header h4{color:#00aba9}.modal__header h2,.modal__header h4{margin:.5rem}.modal__content,.modal__footer{padding:1rem .5rem}@media(min-width:768px){.modal{left:calc(50% - 20rem);width:40rem}}.modal-enter{transform:translateY(-10rem);opacity:0}.modal-enter-active{transform:translateY(0);opacity:1;transition:all .3s}.modal-exit{transform:translateY(0);opacity:1}.modal-exit-active{transform:translateY(-10rem);opacity:0;transition:all .3s}.button{font:inherit;font-weight:600;padding:.5rem 1.5rem;border:1px solid #00aba9;border-radius:4px;background:#00aba9;color:#0a0006;cursor:pointer;margin-right:1rem;text-decoration:none;display:inline-block}.button:focus{outline:none}.button:hover,.button:active{filter:brightness(1.6)}.button--inverse{background:transparent;color:#00aba9;border-color:#00aba9;font-weight:400}.button--inverse:hover,.button--inverse:active{filter:saturate(100%);color:#0a0006;background:#f09609;border-color:#f09609;font-weight:600}.button--danger{background:#00aba9;border-color:#00aba9}.button--danger:hover,.button--danger:active{background:#ff00a2;border-color:#ff00a2}.button:disabled{filter:brightness(.3)}.button:disabled:hover,.button:active:disabled{background:#d0fffe;color:#9dc1c0;border:2px solid #9dc1c0;cursor:not-allowed;filter:none}.button--small{font-size:.8rem}.button--big{font-size:1.5rem}.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:5px solid #ff00a2;border-color:#ff00a2 transparent #ff00a2 transparent;animation:lds-dual-ring 1.2s linear infinite}.loading-spinner__overlay{height:100%;width:100%;position:absolute;top:0;left:0;background:#2d252a;display:flex;justify-content:center;align-items:center}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-header{width:100%;height:4rem;display:flex;align-items:center;position:fixed;top:0;left:0;color:#ff00a2;background:#0a0006;box-shadow:0 2px 6px #00000042;padding:0 1rem;z-index:5}main{margin-top:5rem}@media(min-width:768px){.main-header{justify-content:space-between}}.nav-links{list-style:none;margin:0;padding:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#0a0006}.nav-links li{margin:1rem}.nav-links a{border:1px solid transparent;border-radius:3px;color:#292929;text-decoration:none;padding:.5rem;color:#00aba9}.nav-links a:hover,.nav-links a:active,.nav-links a.active{border-color:#00aba9;color:#ff00a2}.nav-links button{cursor:pointer;border:1px solid #292929;border:1px solid #f09609;color:#292929;color:#f09609;background:transparent;padding:.5rem;font:inherit}.nav-links button:focus{outline:none}.nav-links button:hover,.nav-links button:active{background:#f09609;color:#0a0006}@media(min-width:768px){.nav-links{flex-direction:row;background-color:#0a0006}.nav-links li{margin:0 .5rem}.nav-links a{color:#00aba9;text-decoration:none}.nav-links button{border:1px solid #f09609;color:#f09609;background:transparent}.nav-links button:hover,.nav-links button:active{background:#f09609;color:#0a0006}}.side-drawer{position:fixed;left:0;top:0;z-index:100;height:100vh;width:70%;background:#fff;box-shadow:0 2px 8px #00000042;border-right:2px solid #00aba9}.main-navigation__menu-btn{width:3rem;height:3rem;background:transparent;border:none;display:flex;flex-direction:column;justify-content:space-around;margin-right:2rem;cursor:pointer}.main-navigation__menu-btn span{display:block;width:3rem;height:2.5px;background:#00aba9}.main-navigation__title{text-decoration:none;color:#ff00a2;font-size:1.8rem}.main-navigation__title a{text-decoration:none}.main-navigation__header-nav{display:none}.main-navigation__drawer-nav{height:100%}.brand-wing{color:#ff00a2}.brand-spots{color:#00aba9}@media(min-width:768px){.main-navigation__menu-btn{display:none}.main-navigation__header-nav{display:block}.main-navigation__title{font-size:2rem}.brand-spots:hover,.brand-wing:hover{color:#f09609}}