*,:after,:before{box-sizing:border-box}body,h1,h2,h3,h4,p{margin:0}html:focus-within{scroll-behavior:smooth}body{font-family:Courier Prime,monospace;line-height:1.5;min-height:100vh;text-rendering:optimizeSpeed}img,picture{display:block;max-width:100%}button,input{background-color:inherit;border:none;font:inherit}a{text-decoration:none}.text-white{color:#fff}.text-black{color:#131416}.text-grey{color:#4e545a}.text-light-grey{color:#848a9a}.text-accent{color:#0177fe}.fs-500{font-size:1.5rem;line-height:24px}.fs-400{font-size:1rem}.fs-300{font-size:.875rem}.fw-700{font-weight:700}.fw-600{font-weight:600}.fw-500{font-weight:500}.fw-400{font-weight:400}.flex{display:flex;gap:1rem}.container{container:userCard/inline-size;margin-inline:auto;width:min(75ch,100vw - 2rem)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.dark{background-color:#141b2f;color:#fff}.dark .search-bar,.dark .user-card{background-color:#1f2947;box-shadow:0 0 0 0 transparent}.dark .github-stats{background-color:#141b2f}.dark .theme-toggle{fill:#fff;color:#fff}.dark .icon-group>svg{color:#fff}.dark input::-webkit-input-placeholder{color:#fff}.dark input,.dark input::placeholder{color:#fff}.light{background-color:#e6eeff;color:#4e545a}.light .search-bar,.light .user-card{background-color:#fff;box-shadow:0 5px 10px 0 #cdcdcd}.light .github-stats{background-color:#e6eeff}.light .theme-toggle{fill:#4e545a;color:#4e545a}.light .icon-group>svg{color:#5f789b}.light input::-webkit-input-placeholder{color:#4e545a}.light input,.light input::placeholder{color:#4e545a}.btn{background-color:#0177fe;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem}.btn:hover{background-color:#6aaefb}.btn.theme-toggle{align-items:center;background-color:initial;display:inline-flex;font-weight:500;gap:.75rem;letter-spacing:2px;text-transform:uppercase}.btn.theme-toggle svg{font-size:1.5rem}.user-header{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}.user-header h1{font-size:2rem}.search-bar{align-items:center;border-radius:15px;display:flex;justify-content:space-between;padding:1rem}.search-bar .form-control{align-items:center;display:flex;gap:.75rem}.search-bar input{width:75%}.search-bar svg{fill:#0177fe;font-size:1.5rem}.user-card{grid-gap:.5rem;-webkit-margin-before:1.5rem;border-radius:15px;display:grid;gap:.5rem;grid-template-areas:"avatar login login" "avatar twitter twitter" "avatar date date" "bio bio bio" "stat stat stat" "location location location" "twitterIcon twitterIcon twitterIcon" "email email email" "something something something" "page page page";margin-block-start:1.5rem;padding:2rem}.user-card .login{grid-area:login}.user-card .twitter{grid-area:twitter}.user-card .date{grid-area:date}.user-card .bio{-webkit-margin-before:2rem;grid-area:bio;margin-block-start:2rem}.user-card .location{grid-area:location}.user-card .twitter-icon{grid-area:twitterIcon}.user-card .page{grid-area:page}.user-card .email{grid-area:email}.user-card .something{grid-area:something}.user-card img{aspect-ratio:1/1;border-radius:50%;grid-area:avatar;justify-self:start;margin-right:1rem;max-width:100px}.user-card .github-stats{grid-gap:1rem;-webkit-margin-before:1rem;border-radius:15px;display:grid;gap:1rem;grid-area:stat;grid-auto-columns:1fr;grid-auto-flow:column;margin-block-start:1rem;padding:1.5rem 1.25rem 1.5rem 1rem}.user-card .github-stats>*{display:flex;flex-basis:100%;flex-direction:column;gap:.75rem;text-align:center}.user-card .icon-group{-webkit-margin-before:1rem;align-items:center;display:flex;gap:.75rem;margin-block-start:1rem}main{display:grid;padding-block:2rem;place-content:center}article,main{min-height:100vh}@container userCard (width > 550px){.user-card{gap:0;grid-template-areas:"avatar login date" "avatar twitter twitter" "avatar bio bio" ". stat stat" ". location twitterIcon" ". email something" ". page page"}.date{justify-self:end}.something,.twitter-icon{margin-left:.8rem}}
/*# sourceMappingURL=main.aabc9a12.css.map*/