*{margin:0px;padding:0px;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:sans-serif}a{text-decoration:none;color:#73ff00}a:hover{text-decoration:underline}body{background:#222831;color:#fff}.header{background:#30475e;padding:10px;text-align:center;border-radius:6px;margin:10px 10px 0px}.header__title{text-transform:uppercase}.get-users-form{max-width:300px;margin:20px auto 0px}@media (min-width: 755px){.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.get-users-form{margin:0px}}@media (min-width: 1200px){.header__title{font-size:64px}.header__paragraph{font-size:32px}}.get-users-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.get-users-form__input,.get-users-form__combobox,.get-users-form__button{width:100%;height:34px;color:#000;font-size:18px;background:#175797;border:2px solid #0f3c69;border-radius:4px;-webkit-transition:0.2s linear;transition:0.2s linear}.get-users-form__input:focus,.get-users-form__combobox:focus,.get-users-form__button:focus{border:2px solid #73ff00;outline:none;-webkit-box-shadow:0px 0px 7px #73ff00;box-shadow:0px 0px 7px #73ff00}.get-users-form__button{cursor:pointer;color:#73ff00;margin-top:12px}.get-users-form__button:hover{border:2px solid #73ff00;outline:none;-webkit-box-shadow:0px 0px 7px #73ff00;box-shadow:0px 0px 7px #73ff00}.get-users-form__input-label,.get-users-form__combobox-label{-ms-flex-item-align:start;align-self:flex-start}.get-users-form__input,.get-users-form__combobox{margin:4px 0px 10px;padding:0px 10px;color:#fff}.users-output{padding:5px 0px;width:100%}.users-output__error{margin:20px auto 0px;text-align:center;color:red}.user{color:#fff;-ms-flex-preferred-size:100%;flex-basis:100%;padding:10px;background-color:#30475e;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:10px;-webkit-transition:background-color 0.2s linear;transition:background-color 0.2s linear}.user:hover{background-color:#175797}.user__image{width:64px;margin-right:5px;-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-transition:0.2s linear;transition:0.2s linear}.user:hover .user__image{-webkit-filter:grayscale(0);filter:grayscale(0)}@media (min-width: 400px) and (max-width: 699px), (min-width: 900px) and (max-width: 1099px), (min-width: 1400px){.user__image{width:auto}}.user__horizontal-line{margin:4px 0px}.user__col{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media (min-width: 700px){.users-output{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.user{-ms-flex-preferred-size:calc(50% - 20px);flex-basis:calc(50% - 20px)}}@media (min-width: 1100px){.user{-ms-flex-preferred-size:calc(33.33% - 20px);flex-basis:calc(33.33% - 20px)}}@media (min-width: 1700px){.user{-ms-flex-preferred-size:calc(25% - 20px);flex-basis:calc(25% - 20px)}}.loader{position:absolute;top:0;left:0;width:100%;height:100%;background:#222831;display:none}.loader--active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.loader__spinner{display:block;width:60px;height:60px;border-radius:50%;border-top:4px solid #fff;border-right:3px solid transparent;-webkit-animation:rotation 0.7s linear infinite;animation:rotation 0.7s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
/*# sourceMappingURL=style.css.map */