/* The Glitch Out effect library
 * Hack your webpage!
 * By DuLt Nuno Pinto
 * Last update 20221126
 */

 /*Text effects*/
.gout-1 {font-family: serif;}
.gout-2 {font-family: sans;}
.gout-3 {font-family: monospace;}
.gout-4 {font-family: cursive;}
.gout-5 {font-family: fantasy;}
.gout-6 {font-weight: bold;}
.gout-7 {font-style: italic;}
.gout-8 {text-decoration: underline;}
.gout-9 {letter-spacing: -0.25em;}
.gout-10 {letter-spacing: 0.5em;}
.gout-11 {letter-spacing: -0.75em;}
.gout-12 {direction: rtl;}

/*Colored Shadows*/
.gout-13 {filter: drop-shadow(12px 24px 0px rgba(255, 0, 255, 0.75)) drop-shadow(-25px 6px 0px rgba(0, 155, 255, 0.75)) drop-shadow(2px -10px 0px rgba(255, 255, 255, 0.5));}
.gout-14 {filter: drop-shadow(1px 5px 0px rgba(255, 0, 255, 0.75)) drop-shadow(26px -28px 0px rgba(0, 155, 255, 0.75)) drop-shadow(24px -6px 0px rgba(255, 255, 255, 0.5));}
.gout-15 {filter: drop-shadow(-28px -23px 0px rgba(255, 0, 255, 0.75)) drop-shadow(-10px -9px 0px rgba(0, 155, 255, 0.75)) drop-shadow(12px 11px 0px rgba(255, 255, 255, 0.5));}
.gout-16 {filter: drop-shadow(-2px 27px 0px rgba(255, 0, 255, 0.75)) drop-shadow(-15px 24px 0px rgba(0, 155, 255, 0.75)) drop-shadow(-6px 6px 0px rgba(255, 255, 255, 0.5));}
.gout-17 {filter: drop-shadow(8px 2px 0px rgba(255, 0, 255, 0.75)) drop-shadow(-13px 1px 0px rgba(0, 155, 255, 0.75)) drop-shadow(25px -11px 0px rgba(255, 255, 255, 0.5));}
.gout-18 {filter: drop-shadow(-13px 20px 0px rgba(255, 0, 255, 0.75)) drop-shadow(10px -2px 0px rgba(0, 155, 255, 0.75)) drop-shadow(-23px 21px 0px rgba(255, 255, 255, 0.5));}
.gout-19 {filter: drop-shadow(-28px -22px 0px rgba(255, 0, 255, 0.75)) drop-shadow(10px -24px 0px rgba(0, 155, 255, 0.75)) drop-shadow(13px -28px 0px rgba(255, 255, 255, 0.5));}
.gout-20 {filter: drop-shadow(23px 4px 0px rgba(255, 0, 255, 0.75)) drop-shadow(28px 17px 0px rgba(0, 155, 255, 0.75)) drop-shadow(28px -18px 0px rgba(255, 255, 255, 0.5));}
.gout-21 {filter: drop-shadow(1px 22px 0px rgba(255, 0, 255, 0.75)) drop-shadow(25px -30px 0px rgba(0, 155, 255, 0.75)) drop-shadow(-10px 21px 0px rgba(255, 255, 255, 0.5));}
.gout-22 {filter: drop-shadow(1px -28px 0px rgba(255, 0, 255, 0.75)) drop-shadow(-15px -10px 0px rgba(0, 155, 255, 0.75)) drop-shadow(-21px 27px 0px rgba(255, 255, 255, 0.5));}
.gout-23 {filter: drop-shadow(16px -6px 0px rgba(255, 0, 255, 0.75)) drop-shadow(-4px -23px 0px rgba(0, 155, 255, 0.75)) drop-shadow(27px 19px 0px rgba(255, 255, 255, 0.5));}
.gout-24 {filter: drop-shadow(27px 16px 0px rgba(255, 0, 255, 0.75)) drop-shadow(29px -28px 0px rgba(0, 155, 255, 0.75)) drop-shadow(21px -2px 0px rgba(255, 255, 255, 0.5));}
.gout-25 {filter: drop-shadow(-9px 11px 0px rgba(255, 0, 255, 0.75)) drop-shadow(12px -29px 0px rgba(0, 155, 255, 0.75)) drop-shadow(-15px 14px 0px rgba(255, 255, 255, 0.5));}
.gout-26 {filter: drop-shadow(15px 25px 0px rgba(255, 0, 255, 0.75)) drop-shadow(15px -16px 0px rgba(0, 155, 255, 0.75)) drop-shadow(20px 17px 0px rgba(255, 255, 255, 0.5));}
.gout-27 {filter: drop-shadow(29px -9px 0px rgba(255, 0, 255, 0.75)) drop-shadow(22px 6px 0px rgba(0, 155, 255, 0.75)) drop-shadow(18px 10px 0px rgba(255, 255, 255, 0.5));}
.gout-28 {filter: drop-shadow(-27px 21px 0px rgba(255, 0, 255, 0.75)) drop-shadow(-29px 21px 0px rgba(0, 155, 255, 0.75)) drop-shadow(12px -9px 0px rgba(255, 255, 255, 0.5));}
.gout-29 {filter: drop-shadow(18px -7px 0px rgba(255, 0, 255, 0.75)) drop-shadow(11px 7px 0px rgba(0, 155, 255, 0.75)) drop-shadow(30px 0px 0px rgba(255, 255, 255, 0.5));}
.gout-30 {filter: drop-shadow(-1px -7px 0px rgba(255, 0, 255, 0.75)) drop-shadow(-4px -2px 0px rgba(0, 155, 255, 0.75)) drop-shadow(11px -21px 0px rgba(255, 255, 255, 0.5));}
.gout-31 {filter: drop-shadow(-18px -28px 0px rgba(255, 0, 255, 0.75)) drop-shadow(24px 30px 0px rgba(0, 155, 255, 0.75)) drop-shadow(-15px 0px 0px rgba(255, 255, 255, 0.5));}
.gout-32 {filter: drop-shadow(12px -12px 0px rgba(255, 0, 255, 0.75)) drop-shadow(-2px -19px 0px rgba(0, 155, 255, 0.75)) drop-shadow(24px -25px 0px rgba(255, 255, 255, 0.5));}

/*Opacity*/
.gout-33 {opacity: 0.25;}
.gout-34 {opacity: 0.5;}
.gout-35 {opacity: 0.75;}

/*Skew*/
.gout-36 {transform: skew(50deg, 6deg);}
.gout-37 {transform: skew(-24deg, 3deg);}
.gout-38 {transform: skew(-26deg, -10deg);}
.gout-39 {transform: skew(41deg, 0deg);}
.gout-40 {transform: skew(41deg, 10deg);}
.gout-41 {transform: skew(-6deg, -8deg);}
.gout-42 {transform: skew(9deg, 8deg);}
.gout-43 {transform: skew(21deg, -9deg);}
.gout-44 {transform: skew(-28deg, 2deg);}
.gout-45 {transform: skew(-53deg, -5deg);}
.gout-46 {transform: skew(-52deg, -7deg);}
.gout-47 {transform: skew(-35deg, 10deg);}
.gout-48 {transform: skew(54deg, 2deg);}
.gout-49 {transform: skew(-49deg, -6deg);}
.gout-50 {transform: skew(-35deg, 6deg);}
.gout-51 {transform: skew(17deg, -8deg);}
.gout-52 {transform: skew(3deg, -6deg);}
.gout-53 {transform: skew(2deg, -4deg);}
.gout-54 {transform: skew(6deg, 3deg);}
.gout-55 {transform: skew(-19deg, 8deg);}
.gout-56 {transform: skew(5deg, -1deg);}
.gout-57 {transform: skew(-58deg, 3deg);}
.gout-58 {transform: skew(-6deg, 8deg);}
.gout-59 {transform: skew(8deg, 3deg);}
.gout-60 {transform: skew(-37deg, 1deg);}

/*Scale*/
.gout-61 {scale: 0,5 1,4;}
.gout-62 {scale: 0,9 1,2;}
.gout-63 {scale: 1,5 0,8;}
.gout-64 {scale: 1,4 0,8;}
.gout-65 {scale: 0,6 1,1;}
.gout-66 {scale: 0,6 1,4;}
.gout-67 {scale: 1,5 1;}
.gout-68 {scale: 0,6 0,6;}
.gout-69 {scale: 0,9 0,6;}
.gout-70 {scale: 1 0,9;}
.gout-71 {scale: 0,9 1,4;}
.gout-72 {scale: 1,1 0,8;}
.gout-73 {scale: 0,6 1,1;}
.gout-74 {scale: 1,3 1,4;}
.gout-75 {scale: 1,1 0,8;}
.gout-76 {scale: 1 1,5;}
.gout-77 {scale: 1 0,6;}
.gout-78 {scale: 1,4 1;}
.gout-79 {scale: 1,4 0,9;}
.gout-80 {scale: 0,9 0,6;}
.gout-81 {scale: 1,3 0,5;}
.gout-82 {scale: 1,4 1,4;}
.gout-83 {scale: 0,7 1,1;}
.gout-84 {scale: 0,8 1,1;}
.gout-85 {scale: 1,5 0,9;}

/*Translate*/
.gout-86 {translate: -18px -15px;}
.gout-87 {translate: -15px -29px;}
.gout-88 {translate: -26px 25px;}
.gout-89 {translate: -22px 7px;}
.gout-90 {translate: 7px -22px;}
.gout-91 {translate: 13px 11px;}
.gout-92 {translate: 11px -24px;}
.gout-93 {translate: 13px 29px;}
.gout-94 {translate: -2px -26px;}
.gout-95 {translate: 4px -12px;}
.gout-96 {translate: -5px 23px;}
.gout-97 {translate: 16px 11px;}
.gout-98 {translate: 18px 3px;}
.gout-99 {translate: 3px -14px;}
.gout-100 {translate: -18px 14px;}
.gout-101 {translate: 2px 28px;}
.gout-102 {translate: -19px -1px;}
.gout-103 {translate: 7px -3px;}
.gout-104 {translate: -18px 1px;}
.gout-105 {translate: -7px 30px;}

/*Clip*/
.gout-106 {clip-path: polygon(0% 0%, 0% 100%, 100% 100%);}
.gout-107 {clip-path: polygon(8% 61%, 88% 100%, 62% 43%);}
.gout-108 {clip-path: polygon(61% 48%, 37% 100%, 82% 91%);}
.gout-109 {clip-path: polygon(36% 73%, 38% 22%, 59% 3%);}
.gout-110 {clip-path: polygon(82% 24%, 92% 19%, 38% 15%);}
.gout-111 {clip-path: polygon(36% 25%, 77% 95%, 85% 47%);}
.gout-112 {clip-path: polygon(45% 89%, 57% 11%, 85% 78%);}
.gout-113 {clip-path: polygon(17% 93%, 29% 5%, 12% 58%);}
.gout-114 {clip-path: polygon(55% 61%, 77% 97%, 12% 60%);}
.gout-115 {clip-path: polygon(58% 94%, 97% 61%, 80% 19%);}
.gout-116 {clip-path: polygon(30% 32%, 32% 58%, 9% 61%);}


/*Transition*/
.gout-117 {transition: all 0.25s ease;}
.gout-118 {transition: all 0.5s ease;}
.gout-119 {transition: all 0.75s ease;}
.gout-120 {transition: all 1s ease;}