@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);.app__nav[data-v-66e4ec80]{position:fixed;position:relative;width:100%;height:var(--header-height);transition:var(--transition);display:flex;align-items:center;justify-content:center;background:var(--clr-white);z-index:2}.app__nav-container[data-v-66e4ec80]{display:flex;justify-content:space-between;align-items:center;padding:1rem;color:var(--clr-white)}.app__nav-container .app__nav-logo[data-v-66e4ec80]{cursor:pointer;z-index:1000}.app__nav-container .app__nav-logo img[data-v-66e4ec80]{width:30px;height:40px}@media screen and (min-width:767px){.app__nav-container .app__nav-logo[data-v-66e4ec80]{font-size:1.5rem}}@media screen and (max-width:767px){.app__nav-container .app__nav-menu[data-v-66e4ec80]{position:fixed;top:-100%;right:0;width:100%;height:50%;transition:all .5s linear;background-color:var(--clr-primary-10);z-index:var(--z-fixed);border-radius:0 0 var(--radius) var(--radius);display:flex;align-items:center;justify-content:center;flex-direction:column}.app__nav-container .app__nav-social[data-v-66e4ec80]{display:none}.app__nav-container .app__nav-social-mobile[data-v-66e4ec80]{display:block}}.app__nav-container .showNav[data-v-66e4ec80]{top:0}.app__nav-container .app__nav-list[data-v-66e4ec80]{display:flex;flex-direction:column;align-items:flex-start;position:relative}@media screen and (min-width:767px){.app__nav-container .app__nav-list[data-v-66e4ec80]{flex-direction:row}}.app__nav-container .app__nav-item[data-v-66e4ec80]{display:flex;align-items:center;justify-content:center}@media screen and (max-width:767px){.app__nav-container .app__nav-item[data-v-66e4ec80]{padding:1rem 0}}.app__nav-container .app__nav-item .app__nav-link[data-v-66e4ec80]{color:var(--clr-grey-1);text-transform:capitalize;letter-spacing:.1rem;display:block;transition:var(--transition);position:relative}@media screen and (min-width:767px){.app__nav-container .app__nav-item .app__nav-link[data-v-66e4ec80]{font-size:1rem;padding:0;margin:0 .8rem}}.app__nav-container .app__nav-item .app__nav-link[data-v-66e4ec80]:hover{color:var(--clr-primary-1)}.app__nav-container .app__nav-item .app__nav-link[data-v-66e4ec80]:hover:after{content:"";position:absolute;bottom:-4px;left:0;width:50%;height:.2rem;background:var(--clr-primary-5);border-radius:var(--radius);transition:var(--transition)}.app__nav-container .app__nav-toggle[data-v-66e4ec80]{display:block;z-index:1000;transition:var(--transition)}@media screen and (min-width:767px){.app__nav-container .app__nav-toggle[data-v-66e4ec80]{display:none}}.app__nav-container .app__nav-toggle .app__nav-btn[data-v-66e4ec80]{font-size:1.5rem;color:var(--clr-primary-1);background:transparent;border-color:transparent;transition:var(--transition);cursor:pointer}@media screen and (min-width:767px){.app__nav-container .app__nav-social[data-v-66e4ec80]{display:flex;align-items:center;justify-content:center;gap:1rem}.app__nav-container .app__nav-social a[data-v-66e4ec80]{color:var(--clr-grey-1);display:flex;align-items:center;justify-content:center;gap:2rem;background:var(--clr-grey-10);border-width:1px;border-style:solid;border-color:transparent;-o-border-image:initial;border-image:initial;border-radius:.7rem;padding:.8rem;transition:var(--transition)}.app__nav-container .app__nav-social a[data-v-66e4ec80]:hover{color:var(--clr-grey-5);background:transparent;border-color:var(--clr-grey-5)}}.app__nav-container .app__nav-social-mobile[data-v-66e4ec80]{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:3rem}.app__nav-container .app__nav-social-mobile a[data-v-66e4ec80]{color:var(--clr-grey-1);display:flex;align-items:center;justify-content:center;gap:2rem;background:var(--clr-primary-9);border-width:1px;border-style:solid;border-color:transparent;-o-border-image:initial;border-image:initial;border-radius:.7rem;padding:.8rem;transition:var(--transition)}.app__nav-container .app__nav-social-mobile a[data-v-66e4ec80]:hover{color:var(--clr-grey-5);background:transparent;border-color:var(--clr-grey-5)}@media screen and (min-width:767px){.app__nav-container .app__nav-social-mobile[data-v-66e4ec80]{display:none}}#app{display:flex;flex-direction:column;justify-content:center;gap:3rem}:root{--header-height:4rem;--app-height:calc(100% - 125px);--clr-primary-1:#044c53;--clr-primary-2:#0a6c75;--clr-primary-3:#0e7c86;--clr-primary-4:#148e99;--clr-primary-5:#2caeba;--clr-primary-6:#37bcc8;--clr-primary-7:#52d1da;--clr-primary-8:#88ebf2;--clr-primary-9:#bff8fd;--clr-primary-10:#e0fcff;--clr-grey-1:#102a42;--clr-grey-2:#243a52;--clr-grey-3:#324d67;--clr-grey-4:#48647f;--clr-grey-5:#617d98;--clr-grey-6:#829ab0;--clr-grey-7:#9eb2c7;--clr-grey-8:#bcccdc;--clr-grey-9:#dae2ec;--clr-grey-10:#f1f5f8;--clr-white:#fff;--clr-red-dark:#bb2525;--clr-red-light:#e66b6b;--clr-green-dark:#25bb32;--clr-green-light:#6be675;--clr-black:#222;--body-font:"Poppins",sans-serif;--biggest-font-size:2.25rem;--h1-font-size:1.5rem;--h2-font-size:1.25rem;--h3-font-size:1rem;--normal-font-size:0.938rem;--small-font-size:0.853rem;--smaller-font-size:0.75rem;--font-medium:500;--font-semi-bold:600;--font-bold:700;--mb-1:0.5rem;--mb-2:1rem;--mb-3:1.5rem;--mb-4:2rem;--mb-5:2.5rem;--mb-6:5rem;--z-tooltip:10;--z-fixed:100;--z-modal:200;--transition:all 0.3s ease-in-out;--light-shadow:0 5px 15px rgba(0,0,0,.1);--dark-shadow:0 5px 15px rgba(0,0,0,.2);--radius:0.7rem;--spacing:0.1rem}@media screen and (min-width:768px){:root{--biggest-font-size:4rem;--h1-font-size:2rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:0.875rem;--smaller-font-size:0.813rem}}*,:after,:before{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}html{font-size:95%}body{font-family:var(--body-font);font-size:var(--normal-font-size);background:var(--clr-grey-10);color:var(--clr-grey-5);transition:var(--transition);position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}a{text-decoration:none}img{max-width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.section{padding:4.5rem 0 1rem}.section__title,.section__title-center{font-size:var(--h2-font-size);color:var(--first-color);text-align:center;margin-bottom:var(--mb-1)}.container{max-width:1200px;width:calc(100% - 3rem);margin-inline:auto}.grid{display:grid;gap:1.5rem}::-webkit-scrollbar{width:0;border-radius:.2rem;background-color:transparent;-webkit-transition:var(--transition);transition:var(--transition)}::-webkit-scrollbar-thumb{background-color:var(--clr-primary-1);border-radius:.5rem}.loading{display:flex;align-items:center;justify-content:center;height:60vh}.spinner{height:2rem;width:2rem;fill:var(--clr-primary-10);animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.search .error[data-v-3dc20878]{position:absolute;width:90vw;top:0;left:0;transform:translateY(-100%);text-transform:capitalize}.search .error p[data-v-3dc20878]{color:var(--clr-red-dark);letter-spacing:var(--spacing);background-color:var(--clr-red-light);width:-moz-fit-content;width:fit-content}.search__container[data-v-3dc20878]{position:relative;display:grid;gap:1rem 1.75rem}@media(min-width:768px){.search__container[data-v-3dc20878]{grid-template-columns:1fr max-content;align-items:center}.search__container h3[data-v-3dc20878]{padding:0 .5rem}}.search .form-control[data-v-3dc20878]{background:var(--clr-white);display:grid;align-items:center;grid-template-columns:auto 1fr auto;-moz-column-gap:.5rem;column-gap:.5rem;border-radius:5px;padding:.5rem}.search .form-control input[data-v-3dc20878]{border-color:transparent;outline-color:var(--clr-grey-10);letter-spacing:var(--spacing);color:var(--clr-grey-3);padding:.25rem .5rem;outline:none}.search .form-control input[data-v-3dc20878]::-moz-placeholder{color:var(--clr-grey-3);text-transform:capitalize;letter-spacing:var(--spacing);font-size:var(--small-font-size)}.search .form-control input[data-v-3dc20878]::placeholder{color:var(--clr-grey-3);text-transform:capitalize;letter-spacing:var(--spacing);font-size:var(--small-font-size)}.search .form-control button[data-v-3dc20878]{border-radius:5px;border-color:transparent;padding:.25rem .5rem;text-transform:capitalize;letter-spacing:var(--spacing);background:var(--clr-primary-5);color:var(--clr-white);transition:var(--transition);cursor:pointer}.search .form-control button[data-v-3dc20878]:hover{background:var(--clr-primary-8);color:var(--clr-primary-1)}.search .form-control svg[data-v-3dc20878]{color:var(--clr-grey-5)}.search .form-control button[data-v-3dc20878],.search .form-control input[data-v-3dc20878],.search .form-control svg[data-v-3dc20878]{font-size:1.1rem}@media(max-width:800px){.search .form-control button[data-v-3dc20878],.search .form-control input[data-v-3dc20878],.search .form-control svg[data-v-3dc20878]{font-size:.85rem}}.info__container-contents[data-v-cdc5f7c2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem 2rem}@media(min-width:640px){.info__container-contents[data-v-cdc5f7c2]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.info__container-contents .item[data-v-cdc5f7c2]{border-radius:var(--radius);padding:1rem 2rem;background:var(--clr-white);display:grid;grid-template-columns:auto 1fr;-moz-column-gap:3rem;column-gap:3rem;align-items:center}.info__container-contents .item span[data-v-cdc5f7c2]{width:3rem;height:3rem;display:grid;place-items:center;border-radius:50%}.info__container-contents .item .icon[data-v-cdc5f7c2]{font-size:1.5rem}.info__container-contents .item h3[data-v-cdc5f7c2]{margin-bottom:0;letter-spacing:0;color:var(--clr-grey-3)}.info__container-contents .item p[data-v-cdc5f7c2]{margin-bottom:0;text-transform:capitalize;color:var(--clr-grey-3)}.info__container-contents .item .pink[data-v-cdc5f7c2]{background:#ffe0f0;color:#da4a91}.info__container-contents .item .green[data-v-cdc5f7c2]{background:var(--clr-primary-10);color:var(--clr-primary-5)}.info__container-contents .item .purple[data-v-cdc5f7c2]{background:#e6e6ff;color:#5d55fa}.info__container-contents .item .yellow[data-v-cdc5f7c2]{background:#fffbea;color:#f0b429}.users__container-contents[data-v-af0fae12]{padding-top:2rem;display:flex;flex-direction:column;gap:3rem 2rem;margin:3rem 0}@media(min-width:992px){.users__container-contents[data-v-af0fae12]{flex-direction:row}}.users__container-contents--left[data-v-af0fae12]{width:50%;background:var(--clr-white);padding:1.5rem 2rem;border-top-right-radius:var(--radius);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);position:relative}@media screen and (max-width:992px){.users__container-contents--left[data-v-af0fae12]{width:100%}}.users__container-contents--left[data-v-af0fae12]:before{content:"user";position:absolute;top:0;left:0;transform:translateY(-100%);background:var(--clr-white);color:var(--clr-primary-5);border-top-right-radius:var(--radius);border-top-left-radius:var(--radius);text-transform:capitalize;padding:.5rem 1rem 0 1rem;letter-spacing:var(--spacing);font-size:1rem}.users__container-contents--left .header[data-v-af0fae12]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;-moz-column-gap:1rem;column-gap:1rem;margin-bottom:1rem}.users__container-contents--left .header img[data-v-af0fae12]{width:50px;height:50px;border-radius:50%}.users__container-contents--left .header h4[data-v-af0fae12]{margin-bottom:.25rem;color:var(--clr-grey-3)}.users__container-contents--left .header p[data-v-af0fae12]{margin-bottom:0}.users__container-contents--left .header a[data-v-af0fae12]{color:var(--clr-primary-5);border:1px solid var(--clr-primary-5);padding:.25rem .75rem;border-radius:1rem;text-transform:capitalize;letter-spacing:var(--spacing);transition:var(--transition);cursor:pointer}.users__container-contents--left .header a[data-v-af0fae12]:hover{background:var(--clr-primary-5);color:var(--clr-white)}.users__container-contents--left .bio[data-v-af0fae12]{color:var(--clr-grey-6);margin-bottom:1rem}.users__container-contents--left .links a[data-v-af0fae12],.users__container-contents--left .links p[data-v-af0fae12]{margin-bottom:.25rem;display:flex;align-items:center}.users__container-contents--left .links a i[data-v-af0fae12],.users__container-contents--left .links p i[data-v-af0fae12]{margin-right:.5rem;font-size:1.3rem}.users__container-contents--left .links a[data-v-af0fae12]{color:var(--clr-grey-6);transition:var(--transition)}.users__container-contents--left .links a svg[data-v-af0fae12]{color:var(--clr-grey-5)}.users__container-contents--left .links a[data-v-af0fae12]:hover{color:var(--clr-grey-3)}.users__container-contents--right[data-v-af0fae12]{width:50%;background:var(--clr-white);border-top-right-radius:var(--radius);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);position:relative}@media screen and (max-width:992px){.users__container-contents--right[data-v-af0fae12]{width:100%}}.users__container-contents--right[data-v-af0fae12]:before{content:" followers";position:absolute;top:0;left:0;transform:translateY(-100%);background:var(--clr-white);color:var(--clr-primary-5);border-top-right-radius:var(--radius);border-top-left-radius:var(--radius);text-transform:capitalize;padding:.5rem 1rem 0 1rem;letter-spacing:var(--spacing);font-size:1rem}.users__container-contents--right .followers[data-v-af0fae12]{overflow:scroll;height:280px;display:grid;grid-template-rows:repeat(auto-fill,minmax(45px,1fr));gap:1.25rem 1rem;padding:1rem 2rem}.users__container-contents--right article[data-v-af0fae12]{transition:var(--transition);padding:.15rem .5rem;border-radius:var(--radius);display:grid;grid-template-columns:auto 1fr;align-items:center;-moz-column-gap:1rem;column-gap:1rem}.users__container-contents--right article img[data-v-af0fae12]{height:100%;width:45px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.users__container-contents--right article h4[data-v-af0fae12]{margin-bottom:0}.users__container-contents--right article a[data-v-af0fae12]{color:var(--clr-grey-5)}.repos__container[data-v-574bde9c]{display:flex;flex-direction:column;gap:4rem}.repos__container-title[data-v-574bde9c]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.repos__container-title h3[data-v-574bde9c]{font-size:2rem;font-weight:var(--font-medium);color:var(--clr-grey-3);text-transform:capitalize;font-family:fantasy}.repos__container-title p[data-v-574bde9c]{color:var(--clr-grey-7)}.repos__container-title span[data-v-574bde9c]{color:var(--clr-primary-10);font-weight:var(--font-bold)}.repos__container-contents[data-v-574bde9c]{display:grid;grid-gap:1rem;margin-bottom:2rem}@media screen and (min-width:768px){.repos__container-contents[data-v-574bde9c]{grid-template-columns:repeat(2,1fr)}}.repos__container-contents--item[data-v-574bde9c]{padding:1rem;border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:var(--transition);box-shadow:0 0 5px 0 rgba(0,0,0,.1);cursor:pointer}.repos__container-contents--item[data-v-574bde9c]:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.repos__container-contents--item-info h3[data-v-574bde9c]{color:var(--clr-grey-3)}.repos__container-pagination[data-v-574bde9c]{display:flex;justify-content:center;margin-bottom:2rem;background-color:var(--clr-white);width:100%;padding:.6rem 0;box-shadow:0 0 5px 0 rgba(0,0,0,.1)}.repos__container-pagination button[data-v-574bde9c]{background-color:var(--clr-grey-9);border:none;color:var(--clr-grey-1);padding:.5rem .8rem;font-size:1.2rem;margin:0 5px;cursor:pointer;transition:background-color .3s ease-in-out;border-radius:var(--radius)}.repos__container-pagination button[data-v-574bde9c]:hover{background-color:var(--clr-grey-7)}.repos__container-pagination button.active[data-v-574bde9c]{background-color:var(--clr-primary-9);color:var(--clr-grey-2)}.repo__container[data-v-367441cc]{display:flex;flex-direction:column;gap:4rem}.repo__container-title[data-v-367441cc]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.repo__container-title h3[data-v-367441cc]{font-size:2rem;font-weight:var(--font-medium);color:var(--clr-grey-3);text-transform:capitalize;font-family:fantasy}.repo__container-contents[data-v-367441cc]{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:3rem}@media screen and (min-width:600px){.repo__container-contents[data-v-367441cc]{flex-direction:row;align-items:flex-start}}.repo__container-contents figure[data-v-367441cc]{box-shadow:0 0 5px 0 rgba(0,0,0,.1);padding:1rem;border-radius:.7rem}.repo__container-contents figure img[data-v-367441cc]{width:250px;height:250px}.repo__container-contents .repo__details[data-v-367441cc]{display:flex;flex-direction:column;gap:.6rem;text-align:center}@media screen and (min-width:767px){.repo__container-contents .repo__details[data-v-367441cc]{text-align:initial}}@media screen and (min-width:992px){.repo__container-contents .repo__details .repo-desc[data-v-367441cc]{width:60%}}.repo__container-contents .repo__details h5 a[data-v-367441cc]{color:var(--clr-grey-5)}.repo__container-contents .repo__details h5 a[data-v-367441cc]:hover{color:var(--clr-grey-3)}.repo__container .repo-link[data-v-367441cc]{display:flex;align-items:center;justify-content:center;margin-bottom:var(--mb-2)}.repo__container button[data-v-367441cc]{border-radius:5px;border-color:transparent;padding:.25rem .5rem;text-transform:capitalize;letter-spacing:var(--spacing);background:var(--clr-primary-5);color:var(--clr-white);transition:var(--transition);cursor:pointer}.repo__container button[data-v-367441cc]:hover{background:var(--clr-primary-8);color:var(--clr-primary-1)}.error__container{display:flex;flex-direction:column;gap:4rem}.error__container-title{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.error__container-title h3{font-size:2rem;font-weight:var(--font-medium);color:var(--clr-grey-3);text-transform:capitalize;font-family:fantasy}.error__container-title p{color:var(--clr-grey-7)}.error__container-title span{color:var(--clr-primary-10);font-weight:var(--font-bold)}.error__container-contents{gap:3rem}.error__container .error__container--image,.error__container-contents{display:flex;flex-direction:column;align-items:center;justify-content:center}.error__container img{-o-object-fit:cover;object-fit:cover;width:90%;height:12rem}