:root{--color-primary: #0b1b44;--color-background: #fff;--color-border: #bbb;--color-text: #202022;--color-accent: #0098ff;--color-accent-hover: #0b1b44;--font-family-base: system-ui, sans-serif;--font-family-display: "Ubuntu", sans-serif;--drop-shadow: 0 2px 8px 1px rgba(18, 18, 18, .3);--animation-fade: all .1s ease-out}body{font-family:var(--font-family-base);color:var(--color-text)}ul{list-style:none;padding:0}h1{font-size:1.67rem}h1{font-family:var(--font-family-display)}header{background:var(--color-primary);color:var(--color-background);position:relative}main{padding:2rem 1rem}.content-wrapper{max-width:75rem;margin-inline:auto;padding:3rem 2rem;position:relative;z-index:1}.bear{position:absolute;top:0;left:0;height:100%}@media (max-width: 1400px){.bear{left:auto;right:0;transform:scaleX(-1)}}.search-form{display:flex;margin-bottom:3rem}.input{border-radius:8px 0 0 8px;border:1px solid var(--color-border);border-right:0;font-size:1.2rem;padding:1rem 2rem;flex:1 1 auto;transition:var(--animation-fade);min-width:8rem}.input:focus{border-radius:0;outline:none;border-color:var(--color-accent)}.button{border:0;font-family:var(--font-family-display);font-size:1.2rem;appearance:none;background:var(--color-accent);color:var(--color-background);padding:1rem 2rem;border-radius:0 8px 8px 0;height:4rem;transition:var(--animation-fade)}.button:hover{background:var(--color-accent-hover);border-radius:0}.repo-cards{padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.repo-cards:empty:before{display:block;content:"Loading...";width:100%;text-align:center}.repo-card{display:block;border:1px solid var(--color-border);transition:var(--animation-fade);padding:1rem 1.5rem;border-radius:8px}.repo-card:hover{box-shadow:var(--drop-shadow);background:linear-gradient(90deg,var(--color-accent) 0,var(--color-accent) 4px,transparent 5px);transform:scale(1.025)}.title{display:block;font-weight:700;font-size:1.2rem;font-family:var(--font-family-display);margin-bottom:.5rem}.description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.footer{display:flex;align-items:center;gap:1rem;margin-top:.5rem}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}