.portfolioHolder{flex-direction:row;margin-bottom:10px;display:flex}.portfolioHolder div{margin-right:10px}@media (min-width:576px) and (max-width:768px){.portfolioHolder{flex-direction:column;justify-content:center;align-items:center;padding:5%}}@media (max-width:576px){.portfolioHolder{flex-direction:column;justify-content:center;align-items:center;padding:5%}}.portfolioSection{justify-content:center;align-items:center;width:170px;height:300px;margin:40px 10px;display:flex;position:relative}@media (min-width:992px) and (max-width:1200px){.portfolioSection{width:125px}}@media (max-width:576px){.portfolioSection{width:220px;margin:60px 10px}}.portfolioSection:before{content:"";border-top:1px solid var(--clr);border-bottom:1px solid var(--clr);z-index:-10;width:60%;transition:all .5s ease-in-out;position:absolute;inset:-10px 30px;transform:skewY(15deg)}.portfolioSection:hover:before{inset:-10px 30px;transform:skewY(0)}.portfolioSection:after{content:"";border-left:1px solid var(--clr);border-right:1px solid var(--clr);z-index:-10;height:40%;margin-top:120px;transition:all .5s ease-in-out;position:absolute;inset:-60px 10px;transform:skew(15deg)}.portfolioSection:hover:after{inset:-40px -10px;transform:skew(0deg)}.portfolioSection .portfolioContent{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;padding:0 20px;display:flex;position:relative;overflow:hidden}.portfolioSection .portfolioContent .icon{color:var(--clr);width:40px;height:40px;box-shadow:0 0 0 4px #2e2e2e,0 0 0 6px var(--clr);background:#2e2e2e;justify-content:center;align-items:center;font-size:2.5em;transition:all .5s ease-in-out;display:flex;overflow:hidden}.portfolioSection .portfolioContent .icon img{width:100%}.portfolioSection .portfolioContent .icon svg{width:22px;height:22px}.portfolioSection:hover .portfolioContent .icon{background:var(--clr);color:#2e2e2e;box-shadow:0 0 0 4px #2e2e2e,0 0 0 300px var(--clr)}.portfolioSection .portfolioContent .portfolioText h3{color:#fff;font-size:12px;font-weight:500;transition:all .5s ease-in-out}.portfolioSection:hover .portfolioContent .portfolioText h3{color:#2e2e2e}.portfolioSection .portfolioContent .portfolioText p{color:#999;transition:all .5s ease-in-out}.portfolioSection:hover .portfolioContent .portfolioText p{color:#2e2e2e}.portfolioSection .portfolioContent .portfolioText a{background:var(--clr);color:#2e2e2e;margin-top:10px;padding:4px 6px;font-size:12px;font-weight:500;text-decoration:none;transition:all .5s ease-in-out;display:inline-block;position:relative}.portfolioSection:hover .portfolioContent .portfolioText a{color:var(--clr);background:#2e2e2e}.bottomContent{margin:20px 0}