.elementor-9546 .elementor-element.elementor-element-4e35fa4 > .elementor-background-overlay{opacity:0.2;}.elementor-9546 .elementor-element.elementor-element-4e35fa4{padding:0px 0px 0px 0px;}.elementor-9546 .elementor-element.elementor-element-c7492b7 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:14px;}.elementor-9546 .elementor-element.elementor-element-c7492b7 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-9546 .elementor-element.elementor-element-c7492b7 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9546 .elementor-element.elementor-element-9eee2a2{text-align:center;}.elementor-9546 .elementor-element.elementor-element-9eee2a2 .elementor-heading-title{font-family:"DotGothic16", Sans-serif;font-size:36px;color:var( --e-global-color-d338137 );}.elementor-9546 .elementor-element.elementor-element-3b2c16c > .elementor-background-overlay{opacity:0.9;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9546 .elementor-element.elementor-element-3b2c16c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-9546 .elementor-element.elementor-element-087da95 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-9546 .elementor-element.elementor-element-355e220{text-align:center;font-family:"Markl Mono", Sans-serif;font-size:18px;line-height:1.2em;color:var( --e-global-color-9e102b5 );}.elementor-9546 .elementor-element.elementor-element-34a4e01{--spacer-size:40px;}.elementor-9546 .elementor-element.elementor-element-5315b80 > .elementor-element-populated{border-style:none;}.elementor-9546 .elementor-element.elementor-element-5315b80 > .elementor-element-populated, .elementor-9546 .elementor-element.elementor-element-5315b80 > .elementor-element-populated > .elementor-background-overlay, .elementor-9546 .elementor-element.elementor-element-5315b80 > .elementor-background-slideshow{border-radius:16px 16px 16px 16px;}.elementor-9546 .elementor-element.elementor-element-037ced8{text-align:center;font-family:"Markl Mono", Sans-serif;font-size:16px;color:var( --e-global-color-d338137 );}.elementor-9546 .elementor-element.elementor-element-037ced8 p{margin-block-end:0px;}.elementor-9546 .elementor-element.elementor-element-8685321{text-align:center;font-family:"Markl Mono", Sans-serif;font-size:14px;color:var( --e-global-color-8c8b518 );}.elementor-9546 .elementor-element.elementor-element-8685321 p{margin-block-end:0px;}.elementor-9546 .elementor-element.elementor-element-34c503b{text-align:center;font-family:"Markl Mono", Sans-serif;font-size:12px;color:#727272;}.elementor-9546 .elementor-element.elementor-element-34c503b p{margin-block-end:0px;}.elementor-9546 .elementor-element.elementor-element-ed61e28 .elementor-icon-wrapper{text-align:center;}.elementor-9546 .elementor-element.elementor-element-ed61e28.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e22d09b );}.elementor-9546 .elementor-element.elementor-element-ed61e28.elementor-view-framed .elementor-icon, .elementor-9546 .elementor-element.elementor-element-ed61e28.elementor-view-default .elementor-icon{color:var( --e-global-color-e22d09b );border-color:var( --e-global-color-e22d09b );}.elementor-9546 .elementor-element.elementor-element-ed61e28.elementor-view-framed .elementor-icon, .elementor-9546 .elementor-element.elementor-element-ed61e28.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-e22d09b );}.elementor-9546 .elementor-element.elementor-element-5d55e8c{z-index:2;}.elementor-9546 .elementor-element.elementor-element-99e28ad > .elementor-widget-container{--e-transform-rotateZ:-45deg;margin:-700px 0px 0px 0px;}.elementor-9546 .elementor-element.elementor-element-99e28ad{z-index:1;text-align:center;}.elementor-9546 .elementor-element.elementor-element-99e28ad img{opacity:0.5;}.elementor-9546 .elementor-element.elementor-element-1988e14 > .elementor-element-populated{padding:28px 28px 28px 28px;}.elementor-9546 .elementor-element.elementor-element-9fb659b{width:100%;max-width:100%;text-align:center;}.elementor-9546 .elementor-element.elementor-element-9fb659b .elementor-heading-title{font-family:"Markl Mono", Sans-serif;font-size:24px;color:var( --e-global-color-d338137 );}.elementor-9546 .elementor-element.elementor-element-6747462 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-9546 .elementor-element.elementor-element-6747462 > .elementor-element-populated{margin:24px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 24px 0px 24px;}.elementor-9546 .elementor-element.elementor-element-d59608a .elementor-button{background-color:transparent;font-family:"DotGothic16", Sans-serif;font-size:20px;fill:var( --e-global-color-8c8b518 );color:var( --e-global-color-8c8b518 );background-image:linear-gradient(180deg, var( --e-global-color-7331d2b ) 0%, var( --e-global-color-7f36e71 ) 100%);transition-duration:1.5s;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-8c8b518 );border-radius:12px 12px 12px 12px;padding:16px 36px 16px 36px;}.elementor-9546 .elementor-element.elementor-element-d59608a .elementor-button:hover, .elementor-9546 .elementor-element.elementor-element-d59608a .elementor-button:focus{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-fe024c7 ) 0%, var( --e-global-color-c92c8c0 ) 100%);}.elementor-9546 .elementor-element.elementor-element-d59608a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9546 .elementor-element.elementor-element-d59608a .elementor-button-content-wrapper{flex-direction:row;}.elementor-9546 .elementor-element.elementor-element-da7aedf{--spacer-size:24px;}.elementor-bc-flex-widget .elementor-9546 .elementor-element.elementor-element-c45f11e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9546 .elementor-element.elementor-element-c45f11e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-9546 .elementor-element.elementor-element-c45f11e.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-9546 .elementor-element.elementor-element-120b952 .elementor-heading-title{font-family:"Markl Mono", Sans-serif;font-size:18px;color:var( --e-global-color-8c8b518 );}.elementor-9546 .elementor-element.elementor-element-60c873e .elementor-button{background-color:#02010100;font-family:"DotGothic16", Sans-serif;font-size:18px;fill:var( --e-global-color-d338137 );color:var( --e-global-color-d338137 );}.elementor-9546 .elementor-element.elementor-element-60c873e .elementor-button:hover, .elementor-9546 .elementor-element.elementor-element-60c873e .elementor-button:focus{color:var( --e-global-color-0fa3fbc );}.elementor-9546 .elementor-element.elementor-element-60c873e .elementor-button:hover svg, .elementor-9546 .elementor-element.elementor-element-60c873e .elementor-button:focus svg{fill:var( --e-global-color-0fa3fbc );}.elementor-bc-flex-widget .elementor-9546 .elementor-element.elementor-element-aa9f991.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9546 .elementor-element.elementor-element-aa9f991.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-9546 .elementor-element.elementor-element-aa9f991.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-9546 .elementor-element.elementor-element-11824e0 .elementor-heading-title{font-family:"Markl Mono", Sans-serif;font-size:18px;color:var( --e-global-color-8c8b518 );}.elementor-9546 .elementor-element.elementor-element-00bc4cd .elementor-button{background-color:#02010100;font-family:"DotGothic16", Sans-serif;font-size:18px;fill:var( --e-global-color-d338137 );color:var( --e-global-color-d338137 );}.elementor-9546 .elementor-element.elementor-element-00bc4cd{width:auto;max-width:auto;}.elementor-9546 .elementor-element.elementor-element-00bc4cd .elementor-button:hover, .elementor-9546 .elementor-element.elementor-element-00bc4cd .elementor-button:focus{color:var( --e-global-color-0fa3fbc );}.elementor-9546 .elementor-element.elementor-element-00bc4cd .elementor-button:hover svg, .elementor-9546 .elementor-element.elementor-element-00bc4cd .elementor-button:focus svg{fill:var( --e-global-color-0fa3fbc );}.elementor-bc-flex-widget .elementor-9546 .elementor-element.elementor-element-509a223.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9546 .elementor-element.elementor-element-509a223.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-9546 .elementor-element.elementor-element-509a223.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-9546 .elementor-element.elementor-element-62a99f0 .elementor-heading-title{font-family:"Markl Mono", Sans-serif;font-size:18px;color:var( --e-global-color-8c8b518 );}.elementor-9546 .elementor-element.elementor-element-485a506 .elementor-button{background-color:#02010100;font-family:"DotGothic16", Sans-serif;font-size:18px;fill:var( --e-global-color-d338137 );color:var( --e-global-color-d338137 );}.elementor-9546 .elementor-element.elementor-element-485a506{width:auto;max-width:auto;}.elementor-9546 .elementor-element.elementor-element-485a506 .elementor-button:hover, .elementor-9546 .elementor-element.elementor-element-485a506 .elementor-button:focus{color:var( --e-global-color-0fa3fbc );}.elementor-9546 .elementor-element.elementor-element-485a506 .elementor-button:hover svg, .elementor-9546 .elementor-element.elementor-element-485a506 .elementor-button:focus svg{fill:var( --e-global-color-0fa3fbc );}.elementor-9546 .elementor-element.elementor-element-ead7e76 > .elementor-background-overlay{opacity:0.2;}.elementor-9546 .elementor-element.elementor-element-ead7e76{padding:0px 0px 0px 0px;}body.elementor-page-9546:not(.elementor-motion-effects-element-type-background), body.elementor-page-9546 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thycao-portfolio.com/wp-content/uploads/2023/03/bg-2023-01-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9546 .elementor-element.elementor-element-c7492b7{width:100%;}.elementor-9546 .elementor-element.elementor-element-087da95{width:100%;}.elementor-9546 .elementor-element.elementor-element-b44302b{width:60%;}.elementor-9546 .elementor-element.elementor-element-3e26353{width:20%;}.elementor-9546 .elementor-element.elementor-element-5315b80{width:60%;}.elementor-9546 .elementor-element.elementor-element-0ee5a38{width:19.331%;}.elementor-9546 .elementor-element.elementor-element-1988e14{width:40%;}.elementor-9546 .elementor-element.elementor-element-c45f11e{width:40%;}.elementor-9546 .elementor-element.elementor-element-9ab6c1c{width:60%;}.elementor-9546 .elementor-element.elementor-element-aa9f991{width:40%;}.elementor-9546 .elementor-element.elementor-element-1aa5574{width:60%;}.elementor-9546 .elementor-element.elementor-element-509a223{width:40%;}.elementor-9546 .elementor-element.elementor-element-4838eaf{width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-9546 .elementor-element.elementor-element-b44302b{width:100%;}.elementor-9546 .elementor-element.elementor-element-1988e14{width:100%;}.elementor-9546 .elementor-element.elementor-element-c45f11e{width:50%;}.elementor-9546 .elementor-element.elementor-element-9ab6c1c{width:50%;}.elementor-9546 .elementor-element.elementor-element-aa9f991{width:50%;}.elementor-9546 .elementor-element.elementor-element-1aa5574{width:50%;}.elementor-9546 .elementor-element.elementor-element-509a223{width:50%;}.elementor-9546 .elementor-element.elementor-element-4838eaf{width:50%;}}@media(min-width:1025px){body.elementor-page-9546:not(.elementor-motion-effects-element-type-background), body.elementor-page-9546 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-9546 .elementor-element.elementor-element-4e35fa4{margin-top:40px;margin-bottom:0px;padding:0px 12px 0px 12px;}.elementor-9546 .elementor-element.elementor-element-34a4e01{--spacer-size:24px;}.elementor-9546 .elementor-element.elementor-element-3bc497f{padding:0px 24px 0px 24px;}.elementor-9546 .elementor-element.elementor-element-6747462 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:24px;}.elementor-9546 .elementor-element.elementor-element-6747462 > .elementor-element-populated{padding:0px 100px 0px 100px;}.elementor-9546 .elementor-element.elementor-element-ead7e76{padding:0px 12px 0px 12px;}.elementor-9546 .elementor-element.elementor-element-d88050b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}}@media(max-width:767px){.elementor-9546 .elementor-element.elementor-element-4e35fa4{margin-top:16px;margin-bottom:16px;padding:30px 10px 0px 10px;}.elementor-9546 .elementor-element.elementor-element-355e220{font-size:16px;}.elementor-9546 .elementor-element.elementor-element-34a4e01{--spacer-size:8px;}.elementor-9546 .elementor-element.elementor-element-99e28ad > .elementor-widget-container{margin:-400px -200px -700px -200px;}.elementor-9546 .elementor-element.elementor-element-9fb659b .elementor-heading-title{font-size:24px;}.elementor-9546 .elementor-element.elementor-element-6747462 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-9546 .elementor-element.elementor-element-6747462{z-index:2;}.elementor-9546 .elementor-element.elementor-element-d59608a .elementor-button{font-size:16px;}.elementor-9546 .elementor-element.elementor-element-120b952{text-align:center;}.elementor-9546 .elementor-element.elementor-element-60c873e{width:100%;max-width:100%;}.elementor-9546 .elementor-element.elementor-element-60c873e > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-9546 .elementor-element.elementor-element-60c873e .elementor-button{font-size:16px;}.elementor-9546 .elementor-element.elementor-element-11824e0{text-align:center;}.elementor-9546 .elementor-element.elementor-element-00bc4cd{width:100%;max-width:100%;align-self:center;}.elementor-9546 .elementor-element.elementor-element-00bc4cd > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-9546 .elementor-element.elementor-element-00bc4cd .elementor-button{font-size:16px;}.elementor-9546 .elementor-element.elementor-element-62a99f0{text-align:center;}.elementor-9546 .elementor-element.elementor-element-485a506{width:100%;max-width:100%;}.elementor-9546 .elementor-element.elementor-element-485a506 > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-9546 .elementor-element.elementor-element-485a506 .elementor-button{font-size:16px;}.elementor-9546 .elementor-element.elementor-element-ead7e76{padding:0px 10px 0px 10px;}}/* Start custom CSS for text-editor, class: .elementor-element-037ced8 */.shaking-text{
      animation: tilt-n-move-shaking 1.5s infinite;
}
.shaking-text:hover{
     animation: tilt-n-move-shaking .3s infinite;
}
.shaking-text:hover p{
    animation: rainbow .7s linear;
    animation-iteration-count: infinite;
    cursor:pointer;
}


@keyframes tilt-n-move-shaking {
  0% { transform: translate(0, 0) rotate(0deg); }
  25% { transform: translate(5px, 5px) rotate(5deg); }
  50% { transform: translate(0, 0) rotate(0eg); }
  75% { transform: translate(-5px, 5px) rotate(-5deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}

@keyframes rainbow{
		100%,0%{
			color: rgb(255,0,0);
		}
		8%{
			color: rgb(255,127,0);
		}
		16%{
			color: rgb(255,255,0);
		}
		25%{
			color: rgb(127,255,0);
		}
		33%{
			color: rgb(0,255,0);
		}
		41%{
			color: rgb(0,255,127);
		}
		50%{
			color: rgb(0,255,255);
		}
		58%{
			color: rgb(0,127,255);
		}
		66%{
			color: rgb(0,0,255);
		}
		75%{
			color: rgb(127,0,255);
		}
		83%{
			color: rgb(255,0,255);
		}
		91%{
			color: rgb(255,0,127);
		}
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-ed61e28 */@-webkit-keyframes downarrow {
  0% { -webkit-transform: translateY(0); opacity: 0.4 }
  100% { -webkit-transform: translateY(0.4em); opacity: 0.9 }
}
.down {
  -webkit-animation: downarrow 0.6s infinite alternate ease-in-out;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5d55e8c */.particle {
    --x: 0;
    --y: 0;
    background-color: rebeccapurple;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 5px;
    width: 5px;
    z-index: -1;
    box-shadow: 0px 0px 5px #fff;
}

.particle.move {
    animation: move 1000ms linear forwards;
}

@keyframes move {
    to {
        transform: translate(var(--x), var(--y));
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

#greek img:hover{
     cursor: url("https://thycao-portfolio.com/wp-content/uploads/2023/03/hammer-cursor.png"), auto;
}
#greek:active img{
    transform: scale(0.9);
    transition: all 300ms;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ef3892 */ul.vertical-custom-menu {
      list-style: none;
      margin: 0 auto;
      border:1px solid #fff;
      border-radius: 16px;
      background: #000;
      padding: 0 80px 0 80px;
    }

    .vertical-custom-menu li {
      position: relative;
      padding-left: 32px; /* reserve space for the arrow */
      margin: 24px 0;
      font-family: "DotGothic16", "Sans-Serif";
      font-size: 20px;
    }

    .vertical-custom-menu a {
      text-decoration: none;
      color: #fff;
      display: inline-block;
      transition: color 0.3s;
    }

    .arrow-icon {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 20px;
      height: 20px;
      fill: #1747FF;
      display: none;
      pointer-events: none;
    }

    .vertical-custom-menu li:hover .arrow-icon {
      display: block;
    }

    .vertical-custom-menu li:hover a {
      color: #1747FF;
    animation: rainbow 3s linear;
    animation-iteration-count: infinite;
    }
    
@media only screen and (min-width:768px) and (max-width: 960px) {
    ul.vertical-custom-menu {
        padding: 0 200px 0 200px;
    }
}
@media only screen and (max-width: 480px) {
    ul.vertical-custom-menu {
      padding: 0 8px 0 8px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-266217d */.annoying-dog{
      margin: 16px;
      height:60px;
      display: flex;
      justify-content: center;
      align-items: center;
}
    .image-wrapper {
      position: relative;
      display: inline-block;
      margin: 0
    }

    .image-wrapper img {
      width: 80px;
      height: auto;
      cursor: pointer;
      display: block;
      margin: 0 auto;
    }

    .bubble {
      position: absolute;
      top: 50%;
      left: calc(100% + 10px); /* bubble on the right */
      transform: translateY(-50%);
      background: #000;
      padding: 8px 12px;
      border-radius: 10px;
      border: 1px solid #fff;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      white-space: nowrap;
      display: none;
      font-family: "DotGothic16", "Sans-Serif";
      font-size: 20px;
      color: #1747FF;
    }

    .bubble::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 100%;
      transform: translateY(-50%);
      width: 0;
      height: 0;
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-right: 6px solid #ffffff;
    }

    .image-wrapper:hover .bubble {
      display: block;
    }
.bubble p{
    text-align: center;
    animation: rainbow .5s linear;
    animation-iteration-count: infinite;
    }
.image-wrapper:hover img {
    animation: tilt-n-move-shaking .3s infinite;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-ead7e76 */@media only screen and (min-width:321px) and (max-width:768px){
#service-wrapper{
    width:100%!important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d33e954 */#glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #FFFFFF, #000000, #ffffff,#000000, #ffffff, #000000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

#glow-on-hover:active {
    color: #000
}

#glow-on-hover:active:after {
    background: transparent;
}

#glow-on-hover:hover:before {
    opacity: 1;
}


#glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0cd92c5 *//* Magic Trailing Mouse */ 
    .sparkle {
      position: absolute;
      width: 6px;
      height: 6px;
      background: radial-gradient(circle, #fff, rgba(255,255,255,0));
      border-radius: 50%;
      pointer-events: none;
      animation: sparkle-fade 0.6s ease-out forwards;
    }

    @keyframes sparkle-fade {
      0% {
        opacity: 1;
        transform: scale(1);
      }
      100% {
        opacity: 0;
        transform: scale(2);
      }
    }/* End custom CSS */
/* Start custom CSS *//*GLOW ANIMATION*/
#glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #FFFFFF, #000000, #ffffff,#000000, #ffffff, #000000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

#glow-on-hover:active {
    color: #000
}

#glow-on-hover:active:after {
    background: transparent;
}

#glow-on-hover:hover:before {
    opacity: 1;
}


#glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}

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


  /*TYPE WRITER ANIMATION*/
.type-wrap {
  height: 2.5vh;
 display: grid;
}

.typing-demo {
  width: 100%;
  animation: 
  typing 3s steps(30), 
  blink .5s step-end 4;
  ;
  white-space: nowrap;
  overflow: hidden;
  border-right: 3px solid transparent;
  font-family: 'Cutive Mono', Monospace;
  font-size: 1.2em;
  text-align: right;
}

.typing-demo a{
  color:#CCC3B6;
}
.typing-demo a:hover{
  color:#FFFFFF;
}


@keyframes typing {
        from {
          width: 0
        }
        to {
          width: 100%
        }
}
    
@keyframes blink {
from, to { border-color: #ededed; }
 50% { border-color: transparent; }
}


#service-link:hover{
    color:#FFF;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Markl Mono';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://thycao-portfolio.com/wp-content/uploads/2025/06/MarklMono-Regular.eot');
	src: url('https://thycao-portfolio.com/wp-content/uploads/2025/06/MarklMono-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://thycao-portfolio.com/wp-content/uploads/2025/06/MarklMono-Regular.woff2') format('woff2'),
		url('https://thycao-portfolio.com/wp-content/uploads/2025/06/MarklMono-Regular.woff') format('woff'),
		url('https://thycao-portfolio.com/wp-content/uploads/2025/06/MarklMono-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */