.container-project{background:#cfc8fa;border-top:4px solid #000;border-bottom:4px solid #000;width:100vw;min-height:auto;margin-left:-50vw;padding:70px 40px;font-family:Arial,sans-serif;position:relative;left:50%}.title{flex-direction:column;align-items:flex-start;display:flex}.my-project{color:#fff;background-color:#f16363;border:4px solid #000;border-radius:8px;justify-content:center;align-items:center;width:200px;height:60px;margin-top:20px;margin-bottom:50px;padding:5px;font-size:25px;font-weight:900;display:flex;transform:rotate(3deg)}.featured-work{text-transform:uppercase;font-size:30px;font-weight:900}.project-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:40px;width:100%;margin-top:60px;display:grid}.project-card{color:inherit;background:#fff;border:5px solid #000;border-radius:10px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:visible;box-shadow:10px 10px #000}.project-card:hover{transform:translate(4px,4px)translateY(-3px);box-shadow:6px 6px #000}.project-image{aspect-ratio:16/10;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:all .35s;display:block}.project-category{z-index:2;background:#ff9736;border:3px solid #000;border-radius:6px;padding:5px 12px;font-size:16px;font-weight:700;line-height:1;position:absolute;top:15px;right:-12px;transform:rotate(10deg);box-shadow:3px 3px #000}.project-body{flex-direction:column;padding:28px;display:flex}.project-body h2{font-size:20px;font-weight:900px;margin-bottom:18px}.project-body p{color:#444;margin-bottom:25px;font-size:17px;line-height:1.6}.project-tech{flex-wrap:wrap;gap:10px;display:flex}.tech{background:#d9d8f7;border:3px solid #000;border-radius:999px;padding:8px 18px;font-weight:700}.button-project{color:#fff;cursor:pointer;background:#fd6060;border:4px solid #000;border-radius:5px;width:fit-content;margin:50px auto 0;padding:16px 28px;font-size:17px;font-weight:900;text-decoration:none;transition:all .2s;display:block;box-shadow:8px 8px #000}.button-project:hover{background:#3f3f3f;transform:translate(4px,4px);box-shadow:2px 2px #000}@media (max-width:1100px){.container-project{padding:60px 30px}.project-grid{grid-template-columns:repeat(2,1fr);gap:30px}}@media (max-width:768px){.container-project{padding:50px 20px}.project-grid{grid-template-columns:1fr;gap:30px;margin-top:45px}.my-project{width:170px;height:52px;margin-bottom:35px;font-size:20px}.featured-work{font-size:26px}.project-image{aspect-ratio:16/9}.project-body{padding:22px}.project-body h2{font-size:22px}.project-body p{font-size:16px}.tech{padding:6px 14px;font-size:14px}.project-category{padding:5px 10px;font-size:14px;right:-10px}}@media (max-width:480px){.container-project{padding:40px 16px}.project-grid{gap:25px}.project-body{padding:18px}.project-body h2{font-size:20px}.project-body p{font-size:15px;line-height:1.5}.tech{padding:5px 12px;font-size:13px}}