@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Kaushan+Script&family=Lora:ital,wght@0,400..700;1,400..700&family=Playball&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;font-family:Poppins,sans-serif;scroll-behavior:smooth}:root{--background-color: #20293a;--primary-color: #111729;--secondary-color: #1d1b48;--quaternary-color: #97a3b6;--text-color: #cdd5e0;--white-color: #ffffff;--black-color: #000000;--background-linear: linear-gradient( 95deg, var(--primary-color) 3%, var(--secondary-color) 99.61% )}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent;border-radius:10px}::-webkit-scrollbar-thumb{background-color:var(--quaternary-color);border-radius:10px;cursor:pointer}::-webkit-scrollbar-thumb:hover{background-color:#97a3b6b4}body{background-color:var(--background-color);color:var(--quaternary-color)}.header{display:flex;align-items:center;height:26vh;justify-content:start;min-height:160px;background-image:url(/Github-Profile/assets/hero-image-github-profile-tRdPgYSh.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;flex-direction:column;position:relative;gap:10px}.github-input{display:flex;align-items:center;gap:10px;background-color:var(--background-color);padding:10px 15px;border-radius:10px;width:35%;min-width:250px;z-index:1000;position:relative;top:50px}.github-input img{width:18px;height:18px}.github-input input{width:100%;height:100%;border:none;outline:none;color:var(--white-color);background-color:transparent}.github-input input::placeholder{color:var(--quaternary-color)}.ri-close-line{cursor:pointer;font-size:1.1rem}.header .loading{display:flex;justify-content:center;align-items:center;position:relative;width:100vw;top:100px}.no-users-found{text-align:center;font-size:1.1rem;color:#6b7280;animation:fadeIn .3s ease-in-out;position:relative;top:60px;gap:5px;color:var(--white-color);background:var(--background-linear);border-radius:10px;width:35%;padding:10px 15px;z-index:1000}.no-users-found span{font-weight:600}.error-box{background-color:#ffecec;border:1px solid #f5c2c2;padding:16px;position:relative;top:60px;border-radius:8px;color:#611a15;width:35%;min-width:250px;z-index:1000}.error-box h1{margin:0 0 8px;font-size:1.25rem;color:#b30000}.error-box p{margin:0;font-size:1rem;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:999}.github-users{position:absolute;top:8rem;width:35%;height:50vh;max-height:fit-content;z-index:1000;box-shadow:0 0 10px #00000080;overflow-y:auto;display:flex;flex-direction:column;gap:10px;transition:all .3s ease-in-out}.github-profile{display:flex;align-items:center;gap:5px;color:var(--white-color);background-color:var(--primary-color);border-radius:10px;width:100%}.github-profile img{width:70px;height:70px;padding:10px;border-radius:50%;object-fit:cover}.github-profile-info{display:flex;flex-direction:column;gap:5px;color:var(--quaternary-color)}.github-profile-info h1{font-size:.9rem;font-weight:600}.github-profile-info p{font-size:.7rem;font-weight:400}.github-profile-container{display:flex;align-items:center;background-color:var(--background-color);min-height:80vh;height:auto;width:100%;position:relative;flex-direction:column}.profile-loading{display:flex;justify-content:center;align-items:center;min-height:80vh;height:auto;width:100%}.profile-header{align-self:flex-start;position:relative}.header-data{display:flex;justify-content:center;align-items:center;margin-top:15px;align-self:flex-start;margin-left:160px;gap:10px;color:var(--white-color);flex-wrap:wrap;width:100%}.header-data .github-data{background-color:var(--primary-color);padding:15px 30px;border-radius:10px;display:flex;gap:5px;align-items:center;justify-content:center;text-align:center;font-size:.8rem}.header-data .github-data .github-data-title{display:flex;align-items:center;height:15px}.header-data .github-data .github-data-title:after{content:"";width:1px;height:30px;background-color:var(--background-color);display:inline-flex;margin:0 12px}.github-header-img{background-color:var(--background-color);padding:10px 15px;border-radius:10px;width:90px;height:auto;position:absolute;top:-40px;left:100px;z-index:1}.header-profile-info{align-self:flex-start;margin-left:90px;margin-top:15px;display:flex;flex-direction:column;color:var(--white-color);gap:5px}.header-profile-info h1{font-size:1.5rem;font-weight:600}.header-profile-info p{font-size:.9rem;font-weight:400}.github-repos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;padding:20px;width:100%}.repo-card{background:var(--background-linear);padding:15px 30px;width:400px;border-radius:10px;display:flex;flex-direction:column;gap:8px;align-items:start;justify-content:center;font-size:.8rem;color:var(--quaternary-color);height:120px}.repo-card h2{font-size:1rem;cursor:pointer}.repo-card p{font-size:.7rem}.repo-meta{display:flex;flex-wrap:wrap;gap:4px;font-size:14px;position:relative;height:30px}.repo-description,.repo-name{display:inline-block;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;transition:all .5s ease-in-out}.repo-name{max-width:300px}.repo-description.ellipsed:hover{cursor:help}.repo-data{display:flex;justify-content:center;align-items:start;gap:10px;font-size:.8rem}.repo-data-item{display:flex;gap:5px;align-items:center}.view-all{background-color:transparent;color:var(--quaternary-color);font-size:.8rem;cursor:pointer;text-align:center;margin-top:20px;margin-bottom:20px;border:none;outline:none}@media (max-width: 1700px){.github-repos{gap:30px 25px}.repo-card{width:555px}.repo-card h2{font-size:1.1rem}.repo-card p{font-size:.8rem}.repo-data-item p{font-size:.7rem!important}}@media (max-width: 1350px){.github-header-img{top:-30px}.header-data{margin-top:14px;margin-left:150px}.header-profile-info{margin-left:106px;margin-bottom:15px}}@media (max-width: 1200px){.repo-card{width:450px}.repo-card h2{font-size:1rem}.repo-card p{font-size:.7rem}.repo-data-item p{font-size:.6rem!important}}@media (max-width: 1100px){.repo-card{width:420px}}@media (max-width: 1024px){.repo-card{width:400px}.header-data{margin-left:140px}}@media (max-width: 975px){.repo-card{width:380px}}@media (max-width: 900px){.repo-card{width:350px}}@media (max-width: 872px){.github-header-img{left:50px}.header-data{margin-left:110px}}@media (max-width: 812px){.github-header-img{left:20px}.header-data{margin-left:80px}.no-users-found{font-size:.9rem}}@media (max-width: 768px){.header{height:18vh!important}.header .loading{top:65px}.github-input{top:60px;width:45%!important}.no-users-found{top:70px;width:45%!important;min-width:250px!important}.repo-card{width:300px}.github-users{width:45%!important;min-width:250px!important}.github-header-img{top:-50px}.profile-header{margin-top:8px}}@media (max-width: 752px){.github-header-img{left:50px}.header-data{flex-direction:column;margin-top:50px;margin-left:50px;align-items:flex-start}.header-profile-info{margin-left:50px;margin-top:18px}}@media (max-width: 675px){.repo-card{width:250px}.repo-card h2{font-size:.9rem}.repo-card p{font-size:.7rem}.repo-card{padding:15px 20px}.repo-description{max-width:130px}.repo-name{max-width:210px}}@media (max-width: 575px){.github-header-img{left:20px}.header-data,.header-profile-info{margin-left:20px}.repo-card{width:400px}.repo-description{max-width:270px}.repo-name{max-width:300px}.github-users{height:35vh}}@media (max-width: 485px){.header .loading{top:45px}.github-input{top:40px;width:45%!important}.github-users{top:100px}.no-users-found{top:50px}.github-profile-info h1{font-size:.8rem}.github-profile-info p{font-size:.6rem}.github-profile img{width:60px;height:60px;padding:10px}}