.work-projects{width:75vw;margin:auto;display:flex;flex-direction:column;align-items:center}.projects{display:flex;justify-content:center;flex-wrap:wrap;padding:0;gap:40px}.project{width:451px;min-height:480px;background-image:linear-gradient(to right top,var(--project-1),var(--project-2),var(--project-3),var(--project-4),var(--project-5));display:flex;flex-direction:column;padding:12px;border:1px solid #545a6a;justify-content:space-between;border-radius:10px}.project:hover{box-shadow:4px 4px 0 1px #000;transition:all .7s}.offer{width:100%;font-weight:800;border-bottom:2px solid var(--color-primary);cursor:pointer;transition:all .4s}.container-project{margin-top:10px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.project:hover .offer{width:100%;color:var(--color-third);border-color:var(--color-third)}.project img{height:200px;width:100%;object-fit:cover;border-radius:10px}.url-links{justify-content:space-between;align-items:center}.url-links,.urls{padding-left:0;display:flex;gap:10px}.url-links a{padding:.2em .8em;background-color:transparent;border-radius:6px;border:.3px solid var(--color-second);transition:all .5s;cursor:pointer;font-size:22px;color:var(--color-second)}.url-links a:hover{background-color:var(--color-second);color:var(--hover-color)}.stack{display:flex;gap:15px;font-size:35px}@media (max-width:1015px){.work-projects{width:90vw;margin:auto}.project{padding:20px;width:350px}.project img{object-fit:cover;height:60%}}@media (max-width:760px){.projects{gap:20px}.project{width:100%}.project img{height:70%;background-color:var(--background-color)}}