.p-container{color:#fff;box-sizing:border-box;background:radial-gradient(circle at 20% 30%,#2878ff1f,#0000 40%),radial-gradient(circle at 80% 70%,#00b4ff14,#0000 50%),linear-gradient(#0b0f18 0%,#0c1322 100%);flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;min-height:100vh;margin:0;padding-top:160px;padding-bottom:2rem;display:flex}.project-title{font-size:2rem;font-weight:700}.projects-section{flex-flow:wrap;justify-content:center;gap:15px;display:flex}.project{text-align:center;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.image-wrapper{position:relative}.project-image{border-radius:10px;transition:filter .3s}.picon-section{opacity:0;justify-content:center;align-items:center;gap:3rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.image-wrapper:hover .project-image{filter:brightness(.6)}.project:hover{transform:translateY(-8px)}.image-wrapper:hover .picon-section{opacity:1}.picon-section img{filter:invert();transition:transform .2s}.picon-section img:hover{transform:scale(1.15)}@media (max-height:700px){.p-container{padding-top:75px}.projects-section{justify-content:center}}