:root{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Avenir,Helvetica,Arial,sans-serif;line-height:24px}html{overflow-y:scroll}.text-center{text-align:center}main>div{grid-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin:50px 10px;padding-bottom:5%;text-decoration:none;display:grid}p{color:#3b3b3b;margin:0;padding:0}h1{text-align:center}.header{padding:2rem}.card{color:#000;border-radius:15px;padding:1.4rem;text-decoration:none;transition:transform .2s;position:relative;box-shadow:1px 1px 10px #45b3fd66}.card a{color:#000;text-decoration:none}.card a .description{color:#3b3b3b;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;height:100px;margin-top:10px;font-size:14px;display:-webkit-box;overflow:hidden}.card a .name{text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card .upper_card{opacity:0;opacity:0;background-color:#fff;width:calc(100% - 2.8rem);height:18%;padding-bottom:20px;transition:opacity .1s;display:flex;position:absolute;bottom:0}.card .upper_card a{border-radius:20px;justify-content:center;align-items:center;width:100%;font-size:20px;display:flex;box-shadow:1px 1px 10px #45b3fd66}.card .upper_card a:hover{box-shadow:1px 1px 10px #45b3fd33}.card .upper_card a:active{box-shadow:none;transform:translateY(2px)}.card:hover{transform:translateY(-2px);box-shadow:1px 1px 10px #45b3fd33}.card:hover .upper_card{opacity:1}#search{border:1px solid #ccc;border-radius:5px;width:500px;height:50px;margin:auto;padding:0 6px 0 10px;font-size:18px}@media (width<=500px){#search{width:100%}}.github-corner:hover .github-arm{animation:.56s ease-in-out github-wave}@keyframes github-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (width<=500px){.github-corner:hover .github-arm{animation:none}.github-corner .github-arm{animation:.56s ease-in-out github-wave}}
