.elementor-2635 .elementor-element.elementor-element-ed59497{--display:flex;}.elementor-2635 .elementor-element.elementor-element-0fcab42{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2635 .elementor-element.elementor-element-4ee7f7b img{width:100%;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2635 .elementor-element.elementor-element-ed59497{--content-width:1600px;}}@media(min-width:768px){.elementor-2635 .elementor-element.elementor-element-ed59497{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-c4b6546 */@import url(https://fonts.googleapis.com/css?family=Exo+2:200i);

:root {
  /* Base font size */
  font-size: 10px;   
  
  /* Set neon color */
  --neon-text-color: #ff0000;
  --neon-border-color: #08f;
}

body {
  font-family: 'Exo 2', sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;  
  background: #000;
  min-height: 100vh;
  margin: 0;
}

h1 {
  font-size: 13rem;
  font-weight: 200;
  font-style: italic;
  color: #fff;
  padding: 4rem 6rem 5.5rem;
  border: 0.4rem solid #fff;
  border-radius: 2rem;
  text-transform: uppercase;
  animation: flicker 1.5s infinite alternate;     
}

/* Add media queries for responsiveness */
@media (max-width: 1200px) {
  h1 {
    font-size: 10rem;
    padding: 3rem 4rem 4rem;
  }
}

@media (max-width: 768px) {
  h1 {
    font-size: 6rem;
    padding: 2rem 3rem 2.5rem;
  }
}

@media (max-width: 480px) {
  h1 {
    font-size: 4rem;
    padding: 1rem 1.5rem 1.5rem;
  }
}

/* The rest of the CSS code remains unchanged. */

h1::-moz-selection {
  background-color: var(--neon-border-color);
  color: var(--neon-text-color);
}

h1::selection {
  background-color: var(--neon-border-color);
  color: var(--neon-text-color);
}

h1:focus {
  outline: none;
}

/* Animate neon flicker */
@keyframes flicker {
    
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
      
        text-shadow:
            -0.2rem -0.2rem 1rem #fff,
            0.2rem 0.2rem 1rem #fff,
            0 0 2rem var(--neon-text-color),
            0 0 4rem var(--neon-text-color),
            0 0 6rem var(--neon-text-color),
            0 0 8rem var(--neon-text-color),
            0 0 10rem var(--neon-text-color);
        
        box-shadow:
            0 0 .5rem #fff,
            inset 0 0 .5rem #fff,
            0 0 2rem var(--neon-border-color),
            inset 0 0 2rem var(--neon-border-color),
            0 0 4rem var(--neon-border-color),
            inset 0 0 4rem var(--neon-border-color);        
    }
    
    20%, 24%, 55% {        
        text-shadow: none;
        box-shadow: none;
    }    
}/* End custom CSS */