@import url(https://fonts.googleapis.com/css2?family=Tilt+Prism&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f1f2f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.layout{background-color:#dfe4ea;height:4rem;width:100%}.layout__nav{position:relative}.layout__header,.layout__nav{align-items:center;display:flex;justify-content:space-between}.layout__header{height:100%;padding:0 2rem}.layout__header--title{color:#000;cursor:pointer;font-family:Tilt Prism,cursive;font-size:1.8rem;font-weight:700;text-decoration:none}.layout--btn{border:none;cursor:pointer;font-size:1.5rem;right:1.5rem;top:1.5rem;z-index:10}.layout--btn,.menuNav{background-color:#f1f2f5;position:fixed}.menuNav{height:100%;max-width:10rem;overflow:hidden;right:0;top:5.5rem;width:0;z-index:5}.menuNav.showMenu{transition:all 2s ease-in;-webkit-transition:all 2s ease-in;-moz-transition:all 2s ease-in;-ms-transition:all 2s ease-in;-o-transition:all 2s ease-in;width:100%}.nav__items{align-items:center;display:flex;list-style:none}.nav__item{color:#0046dc;display:block;font-size:1.2rem;padding:1rem;text-align:center;text-transform:uppercase}.nav__item:hover{color:#7dd5c6}.nav__items--large{display:flex;gap:2rem}.nav__item--large{color:#0046dc;font-size:1.1rem;font-weight:700;letter-spacing:.2rem;text-transform:uppercase}.attribution{text-align:center}.footer{color:#222;cursor:pointer;font-style:italic;font-weight:600;text-decoration:none}@media screen and (max-width:500px){.layout__header--title{font-size:1.5rem;padding-left:1rem}.layout__nav{padding-right:1rem}.menuNav{top:4rem}.nav__item{font-size:1rem;margin-top:1rem}.footer{font-size:.8rem}}@media screen and (min-width:768px){.small{display:none}.large{display:block}}@media screen and (max-width:768px){.small{display:block}.large{display:none}}@media screen and (max-width:900px){.nav__item--large{font-size:1rem;margin-right:-.5rem}}.home{margin-top:5rem;padding:2rem;text-align:center}.home__container{align-items:center;display:flex;gap:1rem;justify-content:space-around}.desc{width:40%}.desc__heading{color:#0651ddbb;font-size:2rem;text-transform:capitalize}.desc__paragraph{color:#0f4cbe;font-size:1rem}.desc__cta{background-color:#0652dd;border:none;border-radius:1.5rem;color:#f1f2f6;padding:.8rem 1rem}.desc__cta:hover{background-color:#0f4cbe}.home__wrapper{border:1px solid #0652dd;border-radius:1.5rem;height:-webkit-min-content;height:min-content;padding:1rem}.home__text{color:#0652dd;font-style:italic}.home__img{align-items:center;display:flex;gap:1rem}@media screen and (max-width:900px){.home__container{flex-direction:column-reverse}.desc{width:60%}.desc__heading{font-size:1.5rem}}@media screen and (max-width:600px){.desc{width:80%}.home__img{gap:.5rem}.hidden{display:none}.home__text{font-size:.9rem}.home__heading{font-size:1.2rem}.home__wrapper{padding:.5rem}}@media screen and (max-width:500px){.home{padding:1rem}.desc__heading{font-size:1.2rem}.desc__paragraph{font-size:.9rem}.home__wrapper{width:100%}.home__heading{font-size:1rem}.home__text{font-size:.75rem}}.users{background-color:#fff;border:1px solid #ccc;padding:1rem}.users__container{align-items:center;display:flex;flex-direction:column;justify-content:center}.users__heading{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center;text-transform:uppercase}.users__list{grid-gap:2rem;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:1rem auto;padding:2rem}.user__items{border-bottom:1px solid #ccc;width:100%}.user__item{background-color:#fff;border:1px solid #ccc;border-radius:.5rem;display:flex;font-size:1rem;gap:.5rem;justify-content:flex-start;padding:.5rem}.user__img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin-left:1rem;width:80%}.btn__container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.active:hover{background-color:#ced6e0;color:#1e90ff}.active:active{background-color:#70a1ff;color:#ced6e0}.btn__array{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;margin:.5rem;padding:.5rem}.search__box{align-items:center;display:flex;justify-content:center}.search__link{background-color:#fff;border:1px solid #ccc;border-radius:1rem;color:#1e90ff;cursor:pointer;font-size:1rem;font-weight:700;margin:1rem;padding:.5rem;text-align:center;text-decoration:none;width:18rem}.search__link:hover{background-color:#1e90ff;color:#fff}.search__link:active{background-color:#70a1ff;color:#fff}@media screen and (max-width:1000px){.user__item{align-items:center;flex-direction:column}}@media screen and (max-width:860px){.users__list{grid-template-columns:repeat(2,1fr)}.user__item{flex-direction:row}}@media screen and (max-width:675px){.user__item{align-items:center;flex-direction:column;font-size:.9rem}}@media screen and (max-width:570px){.users__list{grid-template-columns:repeat(1,1fr)}.btn__array{margin:.2rem;padding:.3rem}.btn__array,.pagination,.search__link{font-size:.8rem}.search__link{width:15rem}}.filter{height:100%;width:100%}.filter__heading{color:#70a1ff;font-size:2rem;font-style:italic;font-weight:700;text-align:center}.filter__search{display:flex;justify-content:center;margin:2rem 0}.filter__search__input{border:1px solid #ccc;border-radius:.5rem;cursor:pointer;font-size:.8rem;font-weight:700;margin:0 1rem;padding:.5rem;width:15rem}.filter__search__input:focus{outline:none}.filtered__users{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filtered__users--wrapper{border:1px solid #ccc;border-radius:1rem;box-shadow:0 0 1rem #ccc;padding:.2rem 1rem;text-align:center;width:18rem}.filtered__user--img{border-radius:50%;width:85%}.note{font-size:1rem;font-weight:700;text-align:center}.error__wrapper{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.error__heading{font-size:2.5rem;font-weight:700;margin-top:5rem;text-transform:uppercase}.error__text{color:red;font-size:1.5rem;font-style:italic;font-weight:400}.profile{height:100%;padding:2rem}.or{color:#7fffd4;font-size:1.5rem;font-weight:700;margin:1rem 0}.profile__container{align-items:center;display:flex;flex-direction:column;justify-content:center}.profile__desc{margin:1rem;max-width:500px;text-align:center;width:100%}.profile__user{background-color:#fff;border:2px solid #e1e8e1;border-radius:1rem;box-shadow:0 0 1rem rgba(0,0,0,.3);padding:1rem 0}.profile__title{font-size:2rem;font-style:oblique;font-weight:600}.profile__paragraph{margin:2rem 0}.profile__detail{font-size:1.2rem;font-weight:400}.profile__buttons{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin:1.5rem}.profile__link{background-color:#0651dd;border-radius:.5rem;color:#f1f2f6;font-size:1.2rem;font-weight:600;padding:.4rem;text-decoration:none}.profile__link:hover{background-color:#1550bd;color:#fff;text-decoration:underline}.btn__wrapper{align-items:center;display:flex;gap:5rem;justify-content:center;margin-top:.5rem}.btn__link{color:green;font-size:1.3rem;font-weight:600;text-decoration:none}.btn__link:hover{text-decoration:underline}.btn__update{margin:1rem}.btn{background-color:#e1e8e1;border:none;border-radius:1rem;color:red;cursor:pointer;font-size:1rem;padding:.5rem}.btn:hover{background-color:#d1d8d1;color:#0651ddbb}.btn:active{background-color:#c1c8c1;color:#0651ddbb}.sign__btn{background-color:#0651ddbb;border:none;border-radius:1rem;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.sign__btn:active,.sign__btn:hover{background-color:#0651dd;color:#fff}.sign__heading{font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.sign__form{align-items:center;display:flex;flex-direction:column;justify-content:center}.sign__label{font-size:1rem;font-weight:600;margin-bottom:.5rem}.sign__input{border:1px solid #e1e8e1;border-radius:1rem;font-size:1rem;margin-bottom:1rem;padding:.5rem}.sign__input:focus{outline:none}.register{height:100%;padding:2rem}.register__container{margin:2rem;text-align:center}.register__title{font-size:1.5rem;font-weight:700;text-align:center}.register__phone{font-size:1.2rem;font-weight:600;margin-top:1rem;text-align:center}.register__form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem}.register__form--title{font-size:1.2rem;font-weight:600}.register__group{align-items:center;display:flex;gap:1rem;justify-content:center;margin:.5rem}.register__label{font-size:1rem;font-weight:600}.register__input{border:1px solid #e1e8e1;border-radius:1rem;font-size:1rem;padding:.5rem}.register__input:focus{outline:none}.error{color:red;font-size:1rem;font-weight:600;margin-top:-.5rem}@media screen and (max-width:600px){.profile{padding:1rem}.profile__title{font-size:1.5rem}.profile__detail{align-items:center;display:flex;flex-direction:column;justify-content:center}.sign__heading{font-size:1rem}.sign__input,.sign__label{font-size:.8rem}.sign__input{padding:.3rem}.btn,.sign__btn{font-size:.8rem;padding:.3rem .5rem}.register{padding:1rem}.register__container{margin:1rem}.register__title{font-size:1.1rem}.register__form--title{font-size:1rem}.register__label{font-size:.8rem}.register__input{font-size:.8rem;padding:.3rem}}.update{background-color:#f5f5f5;border:1px solid #ddd;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;box-shadow:0 1px 1px rgba(0,0,0,.05);margin:2rem 0;padding:2rem}.update__container{align-items:center;display:flex;flex-direction:column;justify-content:center}.update__title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.update__form,.update__group{align-items:center;display:flex;flex-direction:column;justify-content:center}.update__group{margin-bottom:1rem}.update__label{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.update__input{border:1px solid #ddd;border-radius:.5rem;padding:.5rem;width:100%}.update__input:focus{outline:none}.update__button{background-color:#7fffd4;border:1px solid #ddd;border-radius:.5rem;color:#000;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.5rem;width:100%}.update__button:hover{background-color:#00ced1;color:#fff}.update__error{color:red;font-size:1rem;font-weight:600;margin-top:-1rem}.update__link{color:#00ced1;font-size:1rem;font-weight:700;text-decoration:none}.update__link:hover{text-decoration:underline}
/*# sourceMappingURL=main.3f7b0b55.css.map*/