.portfolio-item{position:relative;border-radius:15px;border:1px solid var( --main-sec-color)}.portfolio-item img{width:100%;height:200px;-o-object-fit:inherit;object-fit:inherit;border-radius:15px}.portfolio-item .hover-items{width:100%;height:200px;background-color:var( --main-sec-color);position:absolute;left:0;top:0;border-radius:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;padding:0 10px}.portfolio-item .hover-items h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}.portfolio-item .hover-items .icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:wheat}.portfolio-item .hover-items .icons .icon{background-color:#fff;border-radius:50%;width:50px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 1rem;cursor:pointer;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;color:#000}.portfolio-item .hover-items .icons .icon i{font-size:1.5rem;color:#000!important}.portfolio-item .hover-items .icons .icon:hover{background-color:#000;color:#fff}.portfolio-item:hover .hover-items{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.portfolio-intro{font-size:1.3rem;color:var( --about-me-color);padding:10px;font-weight:400;text-align:center}.last-child{padding-bottom:150px}