.projects_container{column-gap:3.5%;display:grid}.projects_container .portfolio_item{background:var(--color-bg-variant);width:100%;transition:var(--transition);border-radius:20px;flex-direction:column;margin-bottom:50px;display:flex}.projects_container .portfolio_item .card{flex-direction:column;flex:1;padding:15px;display:flex}.projects_container .portfolio_item:hover{border-color:var(--color-primary)}@media (hover:hover) and (pointer:fine){.projects_container .portfolio_item:hover{transform:translateY(-4px);box-shadow:0 0 100px #38bdf833}}.portfolio_item_img{border-radius:15px;overflow:hidden}.portfolio_item h3{margin:22px 0 8px}.portfolio_item_tech{color:var(--color-primary);margin-bottom:12px;font-size:14px}.portfolio_item_desc{margin-bottom:22px;font-size:14px}.portfolio_item_btns{justify-content:center;align-items:end;gap:20px;margin-top:auto;margin-bottom:15px;display:flex}.portfolio_item_btns button{font:inherit;color:var(--color-primary);background:0 0}.portfolio_item_btns button:hover{color:var(--color-bg)}.projects_empty{background:var(--color-bg-variant);border:1px solid var(--color-border);text-align:center;border-radius:20px;width:100%;padding:3.5rem 1.5rem}.projects_empty p{max-width:55ch;margin:0 auto 1.5rem}.documentation_backdrop{z-index:20;background:#040816c7;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.documentation_modal{border:1px solid var(--color-border);background:var(--color-bg-variant);border-radius:1rem;width:min(100%,44rem);max-height:min(80vh,44rem);padding:1.5rem;overflow:auto}.documentation_modal_header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.documentation_modal_header h2{color:var(--color-primary);font-size:1.35rem}.documentation_close{border:1px solid var(--color-border);background:var(--color-surface);width:2.5rem;height:2.5rem;color:var(--color-white);cursor:pointer;border-radius:50%;flex:none;place-items:center;font-size:1.5rem;display:grid}.documentation_content p+p{margin-top:1rem}@media (min-width:768px){.projects_container{grid-template-columns:repeat(2,48.25%)}}@media (min-width:1450px){.projects_container{grid-template-columns:repeat(3,31%)}}