@import url(https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap);:root{--lightBlue:#60abff;--blue:#0079ff;--red:#f74646;--darkBlue:#4b6a9b;--gray:#697c9a;--white:#f6f8ff;--transparent:#fefefe;--black:#2b3442;--duration:0.2s;--darkGray:#141d2f;--dark:#1e2a47}*{box-sizing:border-box;font-family:Space Mono,monospace;margin:0;padding:0}.AppLight{background-color:#f6f8ff;background-color:var(--white)}.AppDark{background-color:#141d2f;background-color:var(--darkGray)}body{height:100vh;width:100vw}.App{gap:36px;height:100vh;margin:0 auto;padding:2rem}.App,.container{align-items:center;display:flex;flex-direction:column;width:100%}.container{gap:1rem;max-width:732px}.header__container{align-items:center;display:flex;justify-content:space-between;width:100%}.main__container{display:flex;flex-direction:column;gap:16px;width:100%}@media screen and (max-width:768px){.header__container{gap:16px}.main__container{gap:8px}.container{max-width:450px}}@media screen and (max-width:480px){.header__container{gap:8px}.main__container{gap:4px}.container{max-width:300px}}.header{align-items:center;display:flex;justify-content:space-between;width:100%}.header__title{font-size:1.6rem}.header__title,.theme__button{font-weight:700;line-height:38px}.theme__button{align-items:center;background:none;border:none;color:var(--darkBlue);cursor:pointer;display:flex;font-size:12px;gap:10px;justify-content:center;letter-spacing:3px}.theme__button:hover{color:var(--blue)}.theme__icon{height:20px;margin-left:10px;width:20px}.LightHeader{background:var(--white)}.DarkHeader,.DarkHeader .theme__button{color:var(--white)}@media screen and (max-width:768px){.header{gap:16px}.header__title{font-size:1.2rem}.theme__button{font-size:.8rem}}@media screen and (max-width:480px){.header__title{font-size:1.2rem}.theme__button{font-size:.8rem}}.search__container{border-radius:.9rem;padding:.5rem 1rem}.search__container,.search__input__container{align-items:center;display:flex;width:100%}.search__icon{height:25px;margin:1rem .5rem;width:25px}.search__input{border:none;color:var(--black);font-size:1rem;font-weight:500;margin-left:1rem;outline:none;width:100%}.search__button{background-color:var(--blue);border:none;border-radius:.5rem;color:var(--transparent);cursor:pointer;font-size:1rem;height:50px;text-align:center;width:120px}.search__error{color:var(--red);font-size:.8rem;margin-top:.5rem;width:20%}.LightSearch{background-color:#fff}.DarkSearch{background:var(--dark)}.DarkSearch .search__input{background:var(--dark);color:var(--white)}.DarkSearch .search__input::-webkit-input-placeholder{color:var(--white)}.DarkSearch .search__input::placeholder{color:var(--white)}@media screen and (max-width:768px){.search__container,.search__input,.search__input__container{width:100%}}@media screen and (max-width:480px){.search__input{width:100%}}.user__card{background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);box-sizing:border-box;display:flex;gap:2rem;padding:2rem;width:100%}.user__card__image{border-radius:50%;height:120px;width:150px}.user__card__image img{border-radius:50%;height:100%;width:100%}.user__card__info{flex-direction:column;height:100%}.user__card__header,.user__card__info{display:flex;justify-content:space-between;width:100%}.user__card__header{align-items:center}.user__card__joined_date{color:var(--gray);font-size:.8rem;font-weight:400}.user__card__name{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.user__card__bio{display:flex;flex-direction:column;gap:1rem}.user__card__login{color:var(--blue)}.bio{color:var(--gray);font-size:1rem;font-weight:400}.user__card__stats{background-color:var(--white);border-radius:10px;display:flex;justify-content:space-between;margin-top:2rem;padding:1rem 2rem;width:100%}.user__card__stats__detail__text{color:var(--gray);font-size:14px;margin-bottom:5px}.user__card__stats__detail__numbers{font-size:1.5rem;font-weight:600}.user__card__extra__informations{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:2rem;width:100%}.user__card__extra__informations__details{align-items:center;display:flex;gap:1rem}.user__card__extra__informations__details__twitter{color:var(--darkBlue);opacity:.8}.Darkuser__card{background-color:var(--dark)}.Darkuser__card .bio,.Darkuser__card .user__card__joined_date,.Darkuser__card .user__card__name{color:var(--white)}.Darkuser__card .user__card__stats{background-color:var(--darkGray)}.Darkuser__card .user__card__extra__informations,.Darkuser__card .user__card__extra__informations__details_image,.Darkuser__card .user__card__stats__detail__numbers,.Darkuser__card .user__card__stats__detail__text{color:var(--white)}@media screen and (max-width:768px){.user__card{flex-direction:column;gap:1rem;padding:1rem}.user__card__image{height:80px;width:100px}.user__card__info{gap:1rem}.user__card__joined_date{font-size:.6rem}.user__card__name{font-size:1.2rem}.user__card__stats{padding:1rem}.user__card__stats__detail__text{font-size:.8rem}.user__card__stats__detail__numbers{font-size:1.2rem}.user__card__extra__informations{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:480px){.user__card{padding:.5rem}.user__card__image{height:60px;width:80px}.user__card__joined_date{font-size:.5rem}.user__card__name{font-size:1rem}.user__card__stats{padding:.5rem}.user__card__stats__detail__text{font-size:.6rem}.user__card__stats__detail__numbers{font-size:1rem}}
/*# sourceMappingURL=main.c20986d3.css.map*/