.project-card-tecnologies{flex-wrap:wrap;padding:10px;font-style:normal;display:inline-flex}.project-card-tecnologies span{border:1px solid #000;border-radius:10px;margin:1px;padding:0 .5rem}.project-card-tecnologies span[data-text|=api],span[data-text*=express],span[data-text*=rest]{color:#fff;background-color:#000;border:none}.project-card-tecnologies span[data-text*=algorithms],span[data-text*=oop]{background-color:gray;border:none!important}.project-card-tecnologies span[data-text*=css]{background-color:pink;border:none}.project-card-tecnologies span[data-text*=docker]{background-color:#fff;border:none}.project-card-tecnologies span[data-text*=html]{background-color:orange;border:none}.project-card-tecnologies span[data-text=java]{color:#fff;background-color:gray;border:none}.project-card-tecnologies span[data-text=javascript]{background-color:#ff0;border:none}.project-card-tecnologies span[data-text*=node]{color:#fff;background-color:green;border:none}.project-card-tecnologies span[data-text*=py]{background-color:#20b2aa;border:none}.project-card-tecnologies span[data-text|=r]{color:#fff;background-color:red;border:none}.project-card-tecnologies span[data-text*=react]{background-color:#90ee90;border:none}.project-card-tecnologies span[data-text*=jsx]{color:green;background-color:#ff0;border:none}.project-card-tecnologies span[data-text*=tsx]{color:#90ee90;background-color:#00f;border:none}.project-card-tecnologies span[data-text*=typescript]{color:#fff;background-color:#00f;border:none}
.projects-card-container{grid-template-columns:repeat(auto-fill,50%);align-self:center;display:grid}.project-card{min-width:50%;margin:0 10px 30px;padding:10px}.project-card:nth-child(odd){border-radius:0 0 0 10px;box-shadow:-15px 15px 20px #0000004d}.project-card:nth-child(2n){border-radius:0 0 10px;box-shadow:15px 15px 20px #0000004d}.project-card:hover{border-radius:0 0 10px 10px;transition:all .3s ease-in-out;box-shadow:0 15px 20px #00000080}.project-card h1{white-space:nowrap;width:auto;font-style:normal;position:relative;overflow:hidden}.project-card h1:first-letter{text-transform:uppercase}.project-card a:link,.project-card a:active,.project-card a:visited,.project-card a:hover{color:#000;background:0 0;padding:0 1%;text-decoration:none}@media (max-width:1200px){.projects-card-container{grid-template-columns:1fr}}