@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');*{box-sizing:border-box;margin:0;padding:0;}html,body{height:100%;}body{font-family:'Poppins',sans-serif;background:#edebe9 linear-gradient(to bottom,#dbd7d1,#edebe9 116px) no-repeat;}.gshf-container{display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all ease-in-out 3s;height:100%;}.gshf-loader{width:100%;height:5px;background:grey;position:absolute;top:0;}.gshf-loader-progress{width:0;height:100%;background:green;transition:all ease 1s;}.gshf-user-card{background:#f5f5f5;box-shadow:0 2px 2px 0 rgb(0 0 0 / 14%),0 3px 1px -2px rgb(0 0 0 / 20%),0 1px 5px 0 rgb(0 0 0 / 12%);padding:2em;margin-top:2em;display:grid;grid-template-columns:1fr 2fr;width:50em;position:relative;}.gshf-user-card.loading{grid-template-columns:none;place-items:center;}.gshf-user-card.loading img{max-width:200px;}.gshf-search-output{position:absolute;width:22em;z-index:1;overflow:auto;max-height:22em;box-shadow:0 2px 2px 0 rgb(0 0 0 / 14%),0 3px 1px -2px rgb(0 0 0 / 20%),0 1px 5px 0 rgb(0 0 0 / 12%);}.gshf-search-output::-webkit-scrollbar{width:.33em;}.gshf-search-output::-webkit-scrollbar-track{background-color:#f5f5f5;}.gshf-search-output::-webkit-scrollbar-thumb{background-color:#333;box-shadow:inset 0 0 6px rgba(0,0,0,.3);}.search-item{background:white;box-shadow:0 2px 2px 0 rgb(0 0 0 / 14%),0 3px 1px -2px rgb(0 0 0 / 20%),0 1px 5px 0 rgb(0 0 0 / 12%);padding:1em;display:flex;align-items:center;gap:1em;cursor:pointer;}.search-item.no-search{cursor:initial;}.search-item .search-avatar img{max-width:2em;border-radius:50%;}.search-item .type{background:black;border-radius:35px;color:white;padding:0 1em;height:max-content;font-size:.75em;}@media (max-width:768px){.gshf-user-card{grid-template-rows:3fr 8fr;grid-template-columns:none;width:25em;margin-bottom:2em}.gshf-user-card h2{text-align:center}}.gshf-user-card .profile-pic img{max-width:200px;border-radius:50%;}.gshf-user-card .profile-pic{display:grid;place-items:center;}.gshf-user-card .location{font-size:1rem;font-weight:normal;font-style:italic;}.gshf-user-card .desc{margin:1em 0;line-height:normal;}.gshf-user-card .stats{display:flex;gap:2em;margin:1em 0;}.gshf-user-card .div-repo a{background:#fafafa;color:black;text-decoration:none;padding:.5em;box-shadow:0 2px 2px 0 rgb(0 0 0 / 14%),0 3px 1px -2px rgb(0 0 0 / 20%),0 1px 5px 0 rgb(0 0 0 / 12%);}.gshf-user-card .repos{display:flex;flex-wrap:wrap;}.gshf-user-card .div-repo{display:flex;margin:.5em .5em;font-size:.75em}.gshf-user-card .div-repo .stars{background:#333;color:white;padding:.5em;width:max-content;min-width:2em;text-align:center;border-radius:0 5px 5px 0;box-shadow:0 2px 2px 0 rgb(0 0 0 / 14%),0 3px 1px -2px rgb(0 0 0 / 20%),0 1px 5px 0 rgb(0 0 0 / 12%);}.gshf-user-card .stats .title{font-weight:bold;}.gshf-user-card h2{margin-bottom:.5em;}.gshf-user-card h3{margin-bottom:.5em;}form.gshf-search{margin-top:3em}form.gshf-search input{width:300px;height:50px;font-size:1rem;padding:0 1em;outline:0 none;border:0 none;box-shadow:0 2px 2px 0 rgb(0 0 0 / 14%),0 3px 1px -2px rgb(0 0 0 / 20%),0 1px 5px 0 rgb(0 0 0 / 12%);}form.gshf-search input:focus{outline:none;}