html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}:root{--button: #0079ff;--body-background: #f6f8ff;--component-background: #fefefe;--text-primary: #2b3442;--text-secondary: #4b6a9b;-text-not-available:#4b6a9b}[data-theme=dark]{--body-background: #141d2f;--component-background: #1e2a47;--text-primary: #ffffff;--text-secondary: #ffffff}img{display:block}.body{background:var(--body-background);color:var(--text-primary);font-family:Space Mono,monospace;display:flex;align-items:center;justify-content:center;min-height:100vh;margin:0 auto;transition:all .5s;font-size:13px;padding:2rem 0}.app-container{color:var(--text-primary);min-width:250px;max-width:730px;margin:0 1.5rem;transition:all .5s}.invalid-user-message h1{padding:3rem 1.5rem;font-size:1rem;text-align:center}@media (min-width: 500px){.body{padding-top:2rem}}@media (min-width: 768px){.body{padding-top:4rem 0}.app-container{margin:0}.invalid-user-message h1{font-size:1.6rem;text-align:center}}header{display:flex;justify-content:space-between;align-items:center;font-size:1.5rem;margin-bottom:2.25rem}header h1{font-size:26px;font-weight:800}header button{background:none;border:none;cursor:pointer;color:var(--text-primary);display:flex;justify-content:flex-end;align-items:center;gap:6px;padding-right:3px}header button span{font-size:13px;font-weight:700;color:var(--text-primary);font-family:Space Mono,monospace;letter-spacing:2.5px}header button img{height:20px;width:20px}.light:hover{color:#90a4d4}.dark:hover{color:#222731}.search-bar-container{margin-bottom:1rem;background:var(--component-background);box-shadow:0 16px 30px -10px #4660bb33;border-radius:15px}.form-container{display:flex;background-color:var(--dm-grayishblue);width:100%;height:60px;justify-content:space-between;align-items:center;border-radius:10px;padding:7px 7px 7px 1rem}.form-container img{height:20px;width:20px;display:inline;margin-right:10px}input[type=text]{font-family:Space Mono,monospace;background-color:inherit;color:var(--text-primary);border:none;outline:none;flex-grow:2}input[type=text]::placeholder{color:var(--text-primary);opacity:1}.form-container button{min-width:70px;max-width:105px;padding:auto 10px;height:100%;font-family:Space Mono,monospace;font-weight:700;font-size:14px;color:#fff;background-color:var(--button);border-radius:10px;flex-basis:clamp(70px,25%,105px);border:none;outline:none;cursor:pointer;transition:all .2s ease-in-out}.form-container button:hover{background-color:#60abff}.no-results{color:red;font-size:11px;padding-right:1rem}@media (min-width: 768px){.no-results{color:red;font-size:15px;padding-right:2rem}}.search-results{background-color:var(--component-background);box-shadow:0 16px 30px -10px #4660bb33;border-radius:15px;padding:2rem 1.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem 0}.profile-img-container{grid-column:1 / 2}.profile-img{display:block;width:70px;height:70px;border-radius:50%}.title-info{grid-column:2 / 5;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:1rem}.title-info h1{font-size:1rem;margin-bottom:.5rem}.title-info a{text-decoration:none;color:var(--button)}.title-info h3{margin-bottom:.5rem}.title-info a:hover{text-decoration:underline}.title-info a:enabled{color:var(--button)}.bio{grid-column:1/5}.repo-info{grid-column:1/5;background-color:var(--body-background);text-align:center;padding:1rem;border-radius:10px}.repo-info tr:first-of-type{font-size:11px}.repo-info>thead td{padding-bottom:.5rem;font-weight:400}.repo-info>tbody td{font-size:16px;font-weight:700}.contact-info{grid-column:1/5;list-style-type:none;display:flex;flex-direction:column;gap:.7rem}.contact-info li{display:flex;align-items:center}.contact-info img{display:inline;margin-right:1rem}.contact-info li:first-child>img{display:inline;margin-right:calc(1rem + 4px)}.contact-info li a{text-decoration:none;color:inherit}.contact-info li a:hover{text-decoration:underline}.not-avail{color:gray}@media (min-width: 500px){.search-results{padding:52px 3rem;gap:2rem}.profile-img-container{justify-self:left;align-self:start}.profile-img{height:117px;width:117px}.title-info h1{font-size:1.625rem;line-height:39px}.repo-info{text-align:left}.repo-info td{width:100px}.contact-info{flex-direction:row;flex-wrap:wrap}.contact-info li{flex-basis:45%}}@media (min-width: 768px){.search-results{gap:0}.profile-img-container{grid-row:1/3}.repo-info,.bio,.contact-info{grid-column:2/5;gap:1rem}.repo-info,.bio{margin-bottom:2rem}.title-info{padding-left:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.title-info>h1{grid-column:1/2}.title-info>h3{grid-column:1/2}.title-info>.created-at-date{grid-column:2/3;grid-row:1/2;justify-self:flex-end;align-self:center}}