.mouse-cursor{position: fixed; left: 0; top: 0; pointer-events: none; border-radius: 50%; -webkit-transform: translateZ(0); transform: translateZ(0); visibility: hidden; }
.cursor-inner {margin-left: -3px; margin-top: -3px; width: 6px; height: 6px; z-index: 100; background-color: #eb7b15; -webkit-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out; transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out; }
.cursor-inner.cursor-hover {margin-left: -40px; margin-top: -40px; width: 80px; height: 80px; background-color: #23800c; opacity: .3; }
.cursor-outer {margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; border: 2px solid #23800c; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 100; opacity: 1; -webkit-transition: all .08s ease-out; transition: all .08s ease-out; }
.cursor-outer.cursor-hover{opacity: 0; }
body[data-magic-cursor="hide"] .mouse-cursor{display: none; opacity: 0; visibility: hidden; position: absolute; z-index: -1111; }

/*Footer start*/
.codepen_profile{position: fixed; right: 20px; bottom: 20px;}
.codepen_profile a {background: rgb(245 122 32 / 53%); padding: 15px; border-radius: 50%; box-shadow: hsl(0deg 0% 80%) 0 5px 16px; height: 60px; width: 60px; display: inline-block; }
/*Footer End*/