*{margin:0;padding:0;box-sizing:border-box;list-style-type:none}a{text-decoration:none}a:link,a:visited{color:unset}body{min-height:100vh;width:100vw;background-color:#1f1d1d;color:#ebe0e0;font-family:Poppins,sans-serif}button{transition:background-color .1s}main{display:flex;flex-direction:column;width:100vw;min-height:100vh}header{width:100%;background-color:#2b2929;padding:.75rem 1.5rem}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0}.hero h1{font-size:3rem;margin:0;text-align:center}.hero p{width:500px;font-size:1rem;text-align:center;margin:.5rem 0 1.5rem}.loader-wrapper{margin-top:1rem;font-style:italic;color:#ebe0e0;opacity:.7}.loader-wrapper-text{margin-left:.5rem}.input-wrapper{width:500px;height:40px;display:flex;gap:1rem}.input-wrapper button{width:150px;font-family:Poppins,sans-serif;background-color:#2fb32f;color:#ebe0e0;border:none;border-radius:.5rem;cursor:pointer}.input-wrapper button:hover{background-color:#289b28}.input-wrapper input{flex:1;border-radius:10px;border:1px solid #c7bebe;background-color:#ebe0e0;padding:.25rem .75rem;font-size:1rem}.body{width:100vw;height:100vh;background-color:#2b2929}.content{width:100%;height:100%;overflow:hidden;padding:1.75rem 2.75rem;display:grid;grid-template-columns:2fr 4fr 4fr;grid-template-rows:1fr 1fr 1fr;gap:2rem}.repository-list-wrapper{display:contents}.user-profile,.repositories,.starred,.followers,.following{background-color:#4e4a4a;border:1px solid #9e9898;border-radius:1rem}.body-placeholder{width:100%;text-align:center;margin-top:2rem;font-size:1.5rem;font-weight:700}.body-loading,.body-error{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding-top:3rem}.body-error img{width:70px;height:70px}.body-error{color:#ff4242;font-size:1rem}.user-profile{display:flex;flex-direction:column;padding:1.5rem 0}.profile-top{display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid #9e9898}.profile-top img{width:4rem;aspect-ratio:1;border:1px solid #9e9898;border-radius:100%}.profile-top h2{margin:1rem 0}.profile-bottom{width:100%;padding:0 1.5rem}.profile-bottom p{margin:1rem 0;font-size:1rem;text-align:center}.profile-bottom a{background-color:#2fb32f;width:100%;display:block;text-align:center;border-radius:.5rem;padding:.5rem;text-decoration:none;box-shadow:1px 1px 10px #141a1454}.profile-bottom a:visited{color:unset}.profile-bottom a:hover{background-color:#289b28}.repositories,.starred{grid-row-start:span 3}.following h2,.followers h2,.repositories .repo-list-header,.starred .repo-list-header{border-bottom:1px solid #9e9898;padding:.5rem 1rem}.following,.followers,.repositories,.starred{display:flex;flex-direction:column;overflow:hidden}.following h2,.followers h2{font-size:1.25rem}.profile-card a{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #9e9898}.profile-card:last-child a{border-bottom:none}.profile-card a:hover{background-color:#3d3a3a}.profile-card-body{display:flex;align-items:center;gap:1rem}.repo-list-header{display:flex;justify-content:space-between}.action-button{display:none}@media screen and (max-width: 1200px){.repository-list-wrapper{display:unset;grid-column:span 3;display:grid;grid-template-columns:100% 100%;overflow-x:auto;gap:1rem}.content{grid-template-columns:1fr 1fr 1fr;grid-template-rows:300px 1fr}.following{grid-column:2 / 3;grid-row:1 / 2}.followers{grid-column:3 / 4;grid-row:1 / 2}.repositories{height:100%}.profile-top img{height:50px;width:50px}.profile-top h2{font-size:1.25rem}.profile-bottom p{font-size:1rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.action-button{display:unset;font-family:Poppins,sans-serif;background-color:#2fb32f;border-radius:.5rem;border:none;padding:.5rem 1rem;box-shadow:1px 1px 10px #141a1454;cursor:pointer;color:#ebe0e0}.action-button:hover{background-color:#289b28}}@media screen and (max-width: 850px){.body{height:unset;min-height:100vh}.content{grid-template-rows:300px 600px 200px 200px;grid-template-columns:1fr}.user-profile{grid-row:1 / 2;grid-column:1 / 2}.repository-list-wrapper{grid-column:1 / 2;grid-row:2 / 3}.following{width:100%;grid-row:3 / 4;grid-column:1 / 2}.followers{grid-column:1 / 2;grid-row:4 / 5}}@media screen and (max-width: 550px){.input-wrapper{display:unset;height:unset;flex-direction:column;gap:1rem;width:100%}.input-wrapper input{height:40px;display:block;width:100%}.input-wrapper button{height:40px;width:100%;margin-top:1rem}.hero{width:100vw;padding:4rem 2rem}.hero p{width:100%}.repo-card-body p{display:none}}@media screen and (max-width: 450px){.repositories h2,.starred h2{font-size:1.1rem}}.repo-card a{background-color:#5f5a5a;display:flex;align-items:center;height:110px;border-radius:10px;border:1px solid #9e9898;padding:.5rem 1rem;box-shadow:1px 1px 10px #141a1454}.repo-card a:hover{background-color:#3d3a3a}.repo-card-info{width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.repo-card-info span{font-size:.9rem}.repo-card-body{flex:1}.repo-card-body p{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.repo-card-info img{width:40px;height:40px;border-radius:50%;margin-bottom:.5rem}@media screen and (max-width: 450px){.repo-card-info img{width:30px;height:30px}.repo-card-info span{display:inline-block;width:70px;text-align:center}.repo-card-info{width:80px}}.repo-list{padding:2rem 3rem;display:flex;flex-direction:column;gap:1.5rem;overflow:auto;flex:1}.repo-list-wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.repo-list-error{color:#ff4242}.repo-list-error img{width:80px;height:80px}@media screen and (max-width: 450px){.repo-list{padding:.5rem 1rem;gap:.5rem}}.loader{border-color:#ebe0e0;border-style:solid;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-card button{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #9e9898;background:transparent;border:none;width:100%;font-size:1rem;font-family:Poppins,sans-serif;color:#ebe0e0;cursor:pointer;gap:.5rem}.profile-card:last-child button{border-bottom:none}.profile-card button:hover{background-color:#3d3a3a}.profile-card-body{display:flex;align-items:center;gap:1rem;flex:1;overflow:hidden}.profile-card-body img{width:50px;height:50px;border-radius:50%}.profile-card-body p{overflow:hidden;text-overflow:ellipsis;line-clamp:1;width:100%;text-align:left}.info-icon{width:30px;height:30px}.profile-list{flex:1;overflow:auto}.profile-list-wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.profile-list-error{color:#ff4242}.profile-list-error img{width:50px;height:50px}