.projects-main{width:100%}.projects-list{border-top:1px solid var(--border);direction:ltr;width:100%}.project{color:#fff;border-bottom:1px solid var(--border);grid-template-columns:80px 1fr 200px 40px;align-items:center;gap:30px;padding:30px 0;text-decoration:none;transition:padding .5s;display:grid;position:relative}.project-number{color:#444;letter-spacing:2px;font-size:11px}html[lang=fa] .project-info{text-align:right;justify-self:start;width:fit-content;min-width:215px}html[lang=fa] .project-info h2{text-align:right}.project-info p{color:var(--text-secondary)}html[lang=fa] .project-info p{text-align:right;color:var(--text-secondary);direction:rtl;unicode-bidi:plaintext}.project-tech{letter-spacing:3px;color:#444;justify-self:end;font-size:9px}.project-arrow{color:#444;font-size:25px;transition:transform .5s,color .5s}.project:hover{cursor:text;padding-left:25px;padding-right:25px}.project:hover .project-info h2{transform:translate(15px)}.project:hover .project-arrow{color:#fff;transform:translate(8px,-8px)}@media (width<=800px){.project{grid-template-columns:40px 1fr 30px;gap:15px}.project-tech{display:none}}.project .project-links{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.project .project-links a,.project .project-links a:visited{letter-spacing:1px;white-space:nowrap;color:#888;border:1px solid var(--border);direction:rtl;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;text-decoration:none;transition:color .3s,border-color .3s,background .3s,transform .3s;display:inline-flex}.project .project-links a:hover{color:#0a0a0a;background:#fff;border-color:#fff;transform:translate(-4px)}