/*
Theme Name: Portfolio Expert Child
Theme URI: https://wpthemespace.com/product/portfolio-expert
Template: portfolio-expert
Author: Manoj Sharma
Author URI: https://wpthemespace.com/
Description: Portfolio Expert is a premium WordPress theme designed to showcase your creative work with style and professionalism. Featuring a sleek, modern design and intuitive layout, this highly customizable theme adapts seamlessly to various portfolio needs. Whether you're an artist, photographer, designer, or any creative professional, Portfolio Expert offers a perfect balance of visual appeal and functionality. With its responsive design, easy-to-use portfolio management system, integrated blog capabilities, and SEO optimization, this theme ensures your work shines on any device while maximizing your online visibility. Elevate your digital presence and make a lasting impression with Portfolio Expert – the ultimate solution for crafting a stunning online portfolio that truly represents your creative vision.
Tags: blog,news,right-sidebar,custom-background,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-width-template,sticky-post,theme-options,threaded-comments,two-columns,translation-ready
Version: 1.0.1.1734853358
Updated: 2024-12-22 07:42:38

*/
.project-link{color:#333 !important;}

.box{
  animation: animName 2s linear infinite !important;
  background:#0091EA !important;
  margin-top:10px !important;
  margin-bottom:-50px !important;
}

@keyframes animName {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}
.leKickOutFront  { animation-name: leKickOutBehind; transform-origin: top }
@keyframes leKickOutBehind {
    40% { transform: rotate(-45deg) }
    100% {
        transform: rotate(0deg);
        animation-timing-function: cubic-bezier(0,.9,.7,1.45)
    }
}

#masked-text{
    font-size: 8rem;
    font-weight: bold;
    color: transparent;
    background-image: url('https://www.manojsitetech.com/wp-content/uploads/2025/04/overlay-img-scaled.jpg') !important; 
    background-size: 200%; /* Enlarged for smooth animation */
    background-position: 0 50%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animate-background 5s infinite alternate linear;
}

@keyframes animate-background {
    0% {
        background-position: 0 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

#glitch-text {
    font-size: 60px;
    font-weight: bold;
    position: relative;
    color: #fff;
    animation: glitch 2s infinite;
    font-family:Potta One !important;
}

.swing {
    animation: swing ease-in-out 1s infinite alternate;
    transform-origin: center -20px;
    float:left;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
    border-radius: 50%;
}
.swing img {
    border: 0px solid #f8f8f8;
    display: block;
}
.swing:after{
    content: '';
    position: absolute;  
    width: 20px; height: 20px;  
    border: 2px solid #fff;
    top: -10px; left: 45%;
    z-index: 0;
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
}
/* nail */
.swing:before{
    content: '';
    position: absolute;
    width: 5px; height: 5px;
    top: -12px;left: 50%;
    z-index: 5;
    border-radius: 50% 50%;
    background: #418dfd;
}
 
@keyframes swing {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}