.header{text-align:center;padding:3.5rem;color:#fff;font-size:1.5rem;background-color:#3b82f6}.projects{display:flex;flex-wrap:wrap;justify-content:center;padding:2em}.project{background-color:#fff;border:1px solid #ec4899;border-radius:8px;margin:1em;width:calc(33.333% - 2em);text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .2s;overflow:hidden;position:relative;color:#333}.project:hover{transform:translateY(-10px);border-color:#3b82f6}.project img{width:100%;height:auto}.project h2{margin:.5em 0;font-size:1.5rem;color:#3b82f6}.project p{padding:0 1em 1em;color:#ec4899}@media (max-width:768px){.project{width:calc(50% - 2em)}}@media (max-width:480px){.project{width:100%}.header{font-size:1.2rem}.project h2{font-size:1.25rem}.project p{font-size:1rem}}