.github-repos{width:40%;max-width:1240px;margin:0 auto;margin-left:100px;margin-top:100px;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-gap:90px}@media only screen and (min-width: 200px){.github-repos{grid-template-columns:1fr;margin-left:30px}}@media only screen and (min-width: 380px){.github-repos{grid-template-columns:1fr;margin-left:40px}}@media only screen and (min-width: 400px){.github-repos{grid-template-columns:1fr;margin-left:60px}}@media only screen and (min-width: 500px){.github-repos{grid-template-columns:1fr;margin-left:70px}}@media only screen and (min-width: 710px){.github-repos{grid-template-columns:1fr 1fr;margin-left:30px}}@media only screen and (min-width: 850px){.github-repos{grid-template-columns:1fr 1fr 1fr;margin-left:95px}.card-pagination{text-align:center}}.github-card{background:white;text-decoration:none;color:#444;box-shadow:0 2px 5px rgba(0,0,0,0.1);display:flex;flex-direction:column;position:relative;top:0;transition:all 0.1s ease-in;width:300px;height:200px;border:1px solid #E2E9ED}.github-card:hover{top:-2px;box-shadow:0 4px 5px rgba(0,0,0,0.2)}.github-card article{padding:20px}.github-card h1{font-size:20px;margin:0;color:#333;height:65px;line-height:1.3em}.github-card span{font-size:12px;font-weight:bold;color:#999;text-transform:uppercase;letter-spacing:.05em;margin:2em 0 0 0}.github-card p{font-size:14px;text-transform:capitalize;color:#999;text-align:left;height:25px}.page-title{margin-top:110px}.article-content{margin-top:-30px}.article-author a{color:#888}.article-author a:hover{color:#1abc9c}.ghbtn{margin-top:45px;float:right;right:10px}.ghbtn a{color:#676a6c}.ghbtn a:hover{color:#1abc9c}
