/*setup*/
@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Iceland&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');
  
  
  /*neeeeoooon*/
  
a{
    text-decoration:none; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
  }
  #animation1  p a{
    color:hsl(214, 81%, 47%);
    font-family:Monoton;
    
  }
  #animation1 
  p a:hover{
    -webkit-animation: neon1 1.5s ease-in-out infinite alternate;
    -moz-animation: neon1 1.5s ease-in-out infinite alternate;
    animation: neon1 1.5s ease-in-out infinite alternate; 
  }
  #animation2
    p a{
    color: hsl(150, 45%, 33%);
    font-family:Monoton;
      
  }
   #animation2 
  p a:hover{
    -webkit-animation: neon2 1.5s ease-in-out infinite alternate;
    -moz-animation: neon2 1.5s ease-in-out infinite alternate;
    animation: neon2 1.5s ease-in-out infinite alternate; 
  }
  h3 a{
    color:hsl(214, 81%, 47%);
    font-family:Montserrat;
  }
  h3 a:hover{
    -webkit-animation: neon1 1.5s ease-in-out infinite alternate;
    -moz-animation: neon1 1.5s ease-in-out infinite alternate;
    animation: neon1 1.5s ease-in-out infinite alternate; 
  }
    
 
  
  p a:hover{
  color:#ffffff;  
  }
  
  
  
  /*glow for webkit*/
  @-webkit-keyframes neon1 {
    from {
      text-shadow: 0 0 10px #fff,
                 0 0 20px  #fff,
                 0 0 30px  #fff,
                 0 0 40px  hsl(150, 72%, 42%),
                 0 0 70px  hsl(150, 72%, 42%),
                 0 0 80px  hsl(150, 72%, 42%),
                 0 0 100px hsl(150, 72%, 42%),
                 0 0 150px hsl(150, 72%, 42%);
    }
    to {
      text-shadow: 0 0 5px #fff,
                 0 0 10px #fff,
                 0 0 15px #fff,
                 0 0 20px rgb(30, 184, 107),
                 0 0 35px hsl(150, 72%, 42%),
                 0 0 40px hsl(150, 72%, 42%),
                 0 0 50px hsl(150, 72%, 42%),
                 0 0 75px hsl(150, 72%, 42%);
    }
  }
  
  @-webkit-keyframes neon2 {
    from {
      text-shadow: 0 0 10px #fff,
                 0 0 20px  #fff,
                 0 0 30px  #fff,
                 0 0 40px  #2238ff,
                 0 0 70px  #2238ff,
                 0 0 80px  #2238ff,
                 0 0 100px #2238ff,
                 0 0 150px #2238ff;
    }
    to {
      text-shadow: 0 0 5px #fff,
                 0 0 10px #fff,
                 0 0 15px #fff,
                 0 0 20px #2238ff,
                 0 0 35px #2238ff,
                 0 0 40px #2238ff,
                 0 0 50px #2238ff,
                 0 0 75px #2238ff;
    }
  }
  
  @-webkit-keyframes neon3 {
    from {
      text-shadow: 0 0 10px #fff,
                 0 0 20px  #fff,
                 0 0 30px  #fff,
                 0 0 40px  #FFDD1B,
                 0 0 70px  #FFDD1B,
                 0 0 80px  #FFDD1B,
                 0 0 100px #FFDD1B,
                 0 0 150px #FFDD1B;
    }
    to {
      text-shadow: 0 0 5px #fff,
                 0 0 10px #fff,
                 0 0 15px #fff,
                 0 0 20px #FFDD1B,
                 0 0 35px #FFDD1B,
                 0 0 40px #FFDD1B,
                 0 0 50px #FFDD1B,
                 0 0 75px #FFDD1B;
    }
  }
  
  @-webkit-keyframes neon4 {
    from {
      text-shadow: 0 0 10px #fff,
                 0 0 20px  #fff,
                 0 0 30px  #fff,
                 0 0 40px  #B6FF00,
                 0 0 70px  #B6FF00,
                 0 0 80px  #B6FF00,
                 0 0 100px #B6FF00,
                 0 0 150px #B6FF00;
    }
    to {
      text-shadow: 0 0 5px #fff,
                 0 0 10px #fff,
                 0 0 15px #fff,
                 0 0 20px #B6FF00,
                 0 0 35px #B6FF00,
                 0 0 40px #B6FF00,
                 0 0 50px #B6FF00,
                 0 0 75px #B6FF00;
    }
  }
  
  @-webkit-keyframes neon5 {
    from {
      text-shadow: 0 0 10px #fff,
                 0 0 20px  #fff,
                 0 0 30px  #fff,
                 0 0 40px  #FF9900,
                 0 0 70px  #FF9900,
                 0 0 80px  #FF9900,
                 0 0 100px #FF9900,
                 0 0 150px #FF9900;
    }
    to {
      text-shadow: 0 0 5px #fff,
                 0 0 10px #fff,
                 0 0 15px #fff,
                 0 0 20px #FF9900,
                 0 0 35px #FF9900,
                 0 0 40px #FF9900,
                 0 0 50px #FF9900,
                 0 0 75px #FF9900;
    }
  }
  
  @-webkit-keyframes neon6 {
    from {
      text-shadow: 0 0 10px #fff,
                 0 0 20px #fff,
                 0 0 30px #fff,
                 0 0 40px hsl(150, 72%, 42%),
                 0 0 70px hsl(150, 72%, 42%),
                 0 0 80px hsl(150, 72%, 42%),
                 0 0 100px hsl(150, 72%, 42%),
                 0 0 150px hsl(150, 72%, 42%);
    }
    to {
      text-shadow: 0 0 5px #fff,
                 0 0 10px #fff,
                 0 0 15px #fff,
                 0 0 20px hsl(150, 72%, 42%),
                 0 0 35px hsl(150, 72%, 42%),
                 0 0 40px hsl(150, 72%, 42%),
                 0 0 50px hsl(150, 72%, 42%),
                 0 0 75px hsl(150, 72%, 42%);
    }
  }
  
  /*glow for mozilla*/
  @-moz-keyframes neon1 {
    from {
      text-shadow: 0 0 10px #fff,
                 0 0 20px  #fff,
                 0 0 30px  #fff,
                 0 0 40px  hsl(150, 72%, 42%),
                 0 0 70px  hsl(150, 72%, 42%),
                 0 0 80px  hsl(150, 72%, 42%),
                 0 0 100px hsl(150, 72%, 42%),
                 0 0 150px hsl(150, 72%, 42%);
    }
    to {
      text-shadow: 0 0 5px #fff,
                 0 0 10px #fff,
                 0 0 15px #fff,
                 0 0 20px hsl(150, 72%, 42%),
                 0 0 35px hsl(150, 72%, 42%),
                 0 0 40px hsl(150, 72%, 42%),
                 0 0 50px hsl(150, 72%, 42%),
                 0 0 75px hsl(150, 72%, 42%);
    }
  }
  
  @-moz-keyframes neon2 {
    from {
      text-shadow: 0 0 10px #fff,
                 0 0 20px  #fff,
                 0 0 30px  #fff,
                 0 0 40px  #2238ff,
                 0 0 70px  #2238ff,
                 0 0 80px  #2238ff,
                 0 0 100px #2238ff,
                 0 0 150px #2238ff;
    }
    to {
      text-shadow: 0 0 5px #fff,
                 0 0 10px #fff,
                 0 0 15px #fff,
                 0 0 20px #2238ff,
                 0 0 35px #2238ff,
                 0 0 40px #2238ff,
                 0 0 50px #2238ff,
                 0 0 75px #2238ff;
    }
  }
  
  @-moz-keyframes neon3 {
    from {
      text-shadow: 0 0 10px #fff,
                 0 0 20px  #fff,
                 0 0 30px  #fff,
                 0 0 40px  #FFDD1B,
                 0 0 70px  #FFDD1B,
                 0 0 80px  #FFDD1B,
                 0 0 100px #FFDD1B,
                 0 0 150px #FFDD1B;
    }
    to {
      text-shadow: 0 0 5px #fff,
                 0 0 10px #fff,
                 0 0 15px #fff,
                 0 0 20px #FFDD1B,
                 0 0 35px #FFDD1B,
                 0 0 40px #FFDD1B,
                 0 0 50px #FFDD1B,
                 0 0 75px #FFDD1B;
    }
  }
  
  @-moz-keyframes neon4 {
    from {
      text-shadow: 0 0 10px #fff,
                 0 0 20px  #fff,
                 0 0 30px  #fff,
                 0 0 40px  #B6FF00,
                 0 0 70px  #B6FF00,
                 0 0 80px  #B6FF00,
                 0 0 100px #B6FF00,
                 0 0 150px #B6FF00;
    }
    to {
      text-shadow: 0 0 5px #fff,
                 0 0 10px #fff,
                 0 0 15px #fff,
                 0 0 20px #B6FF00,
                 0 0 35px #B6FF00,
                 0 0 40px #B6FF00,
                 0 0 50px #B6FF00,
                 0 0 75px #B6FF00;
    }
  }
  
  @-moz-keyframes neon5 {
    from {
      text-shadow: 0 0 10px #fff,
                 0 0 20px  #fff,
                 0 0 30px  #fff,
                 0 0 40px  #FF9900,
                 0 0 70px  #FF9900,
                 0 0 80px  #FF9900,
                 0 0 100px #FF9900,
                 0 0 150px #FF9900;
    }
    to {
      text-shadow: 0 0 5px #fff,
                 0 0 10px #fff,
                 0 0 15px #fff,
                 0 0 20px #FF9900,
                 0 0 35px #FF9900,
                 0 0 40px #FF9900,
                 0 0 50px #FF9900,
                 0 0 75px #FF9900;
    }
  }
  
  @-moz-keyframes neon6 {
    from {
      text-shadow: 0 0 10px #fff,
                 0 0 20px #fff,
                 0 0 30px #fff,
                 0 0 40px hsl(150, 72%, 42%),
                 0 0 70px hsl(150, 72%, 42%),
                 0 0 80px hsl(150, 72%, 42%),
                 0 0 100px hsl(150, 72%, 42%),
                 0 0 150px hsl(150, 72%, 42%);
    }
    to {
      text-shadow: 0 0 5px #fff,
                 0 0 10px #fff,
                 0 0 15px #fff,
                 0 0 20px hsl(150, 72%, 42%),
                 0 0 35px hsl(150, 72%, 42%),
                 0 0 40px hsl(150, 72%, 42%),
                 0 0 50px hsl(150, 72%, 42%),
                 0 0 75px hsl(150, 72%, 42%);
    }
  }
  
  /*glow*/
  @keyframes neon1 {
    from {
      text-shadow: 0 0 10px #fff,
                 0 0 20px  #fff,
                 0 0 30px  #fff,
                 0 0 40px  hsl(150, 72%, 42%),
                 0 0 70px  hsl(150, 72%, 42%),
                 0 0 80px  hsl(150, 72%, 42%),
                 0 0 100px hsl(150, 72%, 42%),
                 0 0 150px hsl(150, 72%, 42%);
    }
    to {
      text-shadow: 0 0 5px #fff,
                 0 0 10px #fff,
                 0 0 15px #fff,
                 0 0 20px hsl(150, 72%, 42%),
                 0 0 35px hsl(150, 72%, 42%),
                 0 0 40px hsl(150, 72%, 42%),
                 0 0 50px hsl(150, 72%, 42%),
                 0 0 75px hsl(150, 72%, 42%);
    }
  }
  
  @keyframes neon2 {
    from {
      text-shadow: 0 0 10px #fff,
                 0 0 20px  #fff,
                 0 0 30px  #fff,
                 0 0 40px  #2238ff,
                 0 0 70px  #2238ff,
                 0 0 80px  #2238ff,
                 0 0 100px #2238ff,
                 0 0 150px #2238ff;
    }
    to {
      text-shadow: 0 0 5px #fff,
                 0 0 10px #fff,
                 0 0 15px #fff,
                 0 0 20px #2238ff,
                 0 0 35px #2238ff,
                 0 0 40px #2238ff,
                 0 0 50px #2238ff,
                 0 0 75px #2238ff;
    }
  }
  
  @keyframes neon3 {
    from {
      text-shadow: 0 0 10px #fff,
                 0 0 20px  #fff,
                 0 0 30px  #fff,
                 0 0 40px  #FFDD1B,
                 0 0 70px  #FFDD1B,
                 0 0 80px  #FFDD1B,
                 0 0 100px #FFDD1B,
                 0 0 150px #FFDD1B;
    }
    to {
      text-shadow: 0 0 5px #fff,
                 0 0 10px #fff,
                 0 0 15px #fff,
                 0 0 20px #FFDD1B,
                 0 0 35px #FFDD1B,
                 0 0 40px #FFDD1B,
                 0 0 50px #FFDD1B,
                 0 0 75px #FFDD1B;
    }
  }
  
  @keyframes neon4 {
    from {
      text-shadow: 0 0 10px #fff,
                 0 0 20px  #fff,
                 0 0 30px  #fff,
                 0 0 40px  #B6FF00,
                 0 0 70px  #B6FF00,
                 0 0 80px  #B6FF00,
                 0 0 100px #B6FF00,
                 0 0 150px #B6FF00;
    }
    to {
      text-shadow: 0 0 5px #fff,
                 0 0 10px #fff,
                 0 0 15px #fff,
                 0 0 20px #B6FF00,
                 0 0 35px #B6FF00,
                 0 0 40px #B6FF00,
                 0 0 50px #B6FF00,
                 0 0 75px #B6FF00;
    }
  }
  
  @keyframes neon5 {
    from {
      text-shadow: 0 0 10px #fff,
                 0 0 20px  #fff,
                 0 0 30px  #fff,
                 0 0 40px  #FF9900,
                 0 0 70px  #FF9900,
                 0 0 80px  #FF9900,
                 0 0 100px #FF9900,
                 0 0 150px #FF9900;
    }
    to {
      text-shadow: 0 0 5px #fff,
                 0 0 10px #fff,
                 0 0 15px #fff,
                 0 0 20px #FF9900,
                 0 0 35px #FF9900,
                 0 0 40px #FF9900,
                 0 0 50px #FF9900,
                 0 0 75px #FF9900;
    }
  }
  
  @keyframes neon6 {
    from {
      text-shadow: 0 0 10px #fff,
                 0 0 20px #fff,
                 0 0 30px #fff,
                 0 0 40px hsl(150, 72%, 42%),
                 0 0 70px hsl(150, 72%, 42%),
                 0 0 80px hsl(150, 72%, 42%),
                 0 0 100px hsl(150, 72%, 42%),
                 0 0 150px hsl(150, 72%, 42%);
    }
    to {
      text-shadow: 0 0 5px #fff,
                 0 0 10px #fff,
                 0 0 15px #fff,
                 0 0 20px hsl(150, 72%, 42%),
                 0 0 35px hsl(150, 72%, 42%),
                 0 0 40px hsl(150, 72%, 42%),
                 0 0 50px hsl(150, 72%, 42%),
                 0 0 75px hsl(150, 72%, 42%);
    }
  }