stylesheet.css

@font-face { 
   font-family: "Feturo-w1E9w"; 
   src: url("https://rawcdn.githack.com/Lingz-ui/data-myBot/536ea83b7e713e0de42b3cc1d7bff45aaf051b08/Feturo-w1E9w.woff") 
       format("woff"), 
     /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ 
       url("https://rawcdn.githack.com/Lingz-ui/data-myBot/536ea83b7e713e0de42b3cc1d7bff45aaf051b08/Feturo-w1E9w.ttf") 
       format("truetype"); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ 
 } 
  
 html, 
 * { 
   margin: 0; 
   padding: 0; 
 } 
  
 body { 
   background: #181818; 
 } 
  
 div, 
 section, 
 article, 
 aside, 
 ul, 
 li h1, 
 h2, 
 h3, 
 h4, 
 h5, 
 h6, 
 p, 
 span, 
 b, 
 label, 
 input, 
 textarea, 
 button { 
   font-family: "Roboto"; 
 } 
  
 .pf-row { 
   width: 100%; 
   display: flex; 
   flex-wrap: wrap; 
 } 
  
 [class*="pf-w-"] { 
   padding: 10px 10px 10px; 
   box-sizing: border-box; 
 } 
  
 .pf-w-10 { 
   width: 10%; 
 } 
  
 .pf-w-20 { 
   width: 20%; 
 } 
  
 .pf-w-30 { 
   width: 30%; 
 } 
  
 .pf-w-40 { 
   width: 40%; 
 } 
  
 .pf-w-50 { 
   width: 50%; 
 } 
  
 .pf-w-60 { 
   width: 60%; 
 } 
  
 .pf-w-70 { 
   width: 70%; 
 } 
  
 .pf-w-80 { 
   width: 80%; 
 } 
  
 .pf-w-90 { 
   width: 90%; 
 } 
  
 .pf-w-100 { 
   width: 100%; 
 } 
  
 .pf-sect-coverpage { 
   position: relative; 
 } 
  
 .pf-cnt-img-full { 
   position: relative; 
   width: 100%; 
   height: auto; 
   overflow: hidden; 
   display: flex; 
   justify-content: center; 
   align-items: center; 
 } 
  
 .pf-cnt-img-full img { 
   width: 100%; 
   height: 300px; 
   object-fit: cover; 
 } 
  
 .pf-cnt-img-full .pf-layer-gradient { 
   position: absolute; 
   top: 0; 
   left: 0; 
   width: 100%; 
   height: 100%; 
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.95) 10%, transparent); 
 } 
  
 .pf-cnt-img-full .pf-layer-gradient .pf-cnt-btn-upload { 
   position: absolute; 
   top: 30px; 
   right: 25px; 
 } 
  
 .pf-layer-gradient .pf-cnt-btn-upload .pf-control-trick { 
   padding: 10px 16px 10px; 
   background: rgba(0, 0, 0, 0.6); 
   font-size: 15px; 
   font-weight: 400; 
   color: rgba(255, 255, 255, 0.5); 
   border-radius: 5px; 
   cursor: pointer; 
   box-sizing: border-box; 
   transition: all 0.25s ease-in-out; 
 } 
  
 .pf-layer-gradient .pf-cnt-btn-upload .pf-control-trick i { 
   margin-right: 6px; 
   font-size: 20px; 
   vertical-align: middle; 
 } 
  
 .pf-layer-gradient .pf-cnt-btn-upload .pf-control-hidden { 
   display: none; 
   width: 100%; 
   height: 100%; 
 } 
  
 .pf-layer-gradient:hover > .pf-cnt-btn-upload .pf-control-trick { 
   color: rgba(255, 255, 255, 0.9); 
   box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5); 
 } 
  
 .pf-footer-coverpage { 
   z-index: 1; 
   position: absolute; 
   bottom: -100px; 
   left: 0; 
   right: 0; 
   margin: 0 auto; 
   width: 80%; 
   padding: 0 40px 0; 
   height: auto; 
   display: flex; 
   justify-content: space-around; 
   align-items: center; 
   box-sizing: border-box; 
   pointer-events: none; 
 } 
  
 .pf-footer-coverpage .pf-cnt-info-user { 
   position: absolute; 
   top: 0; 
   left: 0; 
   padding-left: 240px; 
   width: 100%; 
   box-sizing: border-box; 
 } 
  
 .pf-footer-coverpage .pf-cnt-info-user .pf-info-title { 
   width: 100%; 
   font-size: 30px; 
   font-weight: 600; 
   color: #fff; 
   white-space: nowrap; 
   overflow: hidden; 
   text-overflow: ellipsis; 
   text-shadow: 5px 5px 10px #000000; 
 } 
  
 .cssa { 
   font-size: 13px; 
   color: #eb518f; 
 } 
 .htmla { 
   font-size: 13px; 
   color: #ff0049; 
 } 
 .nodjs { 
   font-size: 13px; 
   color: #ffff8f; 
 } 
 .pyton { 
   font-size: 13px; 
   color: #3286e4; 
 } 
 .tpscri { 
   font-size: 13px; 
   color: #3279af; 
 } 
  
 .pf-footer-coverpage .pf-cnt-info-user .pf-info-position { 
   font-size: 16px; 
   font-weight: 400; 
   color: rgba(255, 255, 255, 0.8); 
   font-style: italic; 
   white-space: nowrap; 
   overflow: hidden; 
   text-overflow: ellipsis; 
 } 
  
 .pf-footer-coverpage .pf-profile-user { 
   position: relative; 
   width: 200px; 
   margin-right: 20px; 
   display: flex; 
   justify-content: flex-start; 
   align-items: center; 
 } 
  
 .pf-footer-coverpage .pf-profile-user .pf-cnt-img-avatar { 
   position: relative; 
   overflow: hidden; 
   padding: 0; 
   width: 200px; 
   height: 200px; 
   border-radius: 80%; 
   background: #000000; 
   pointer-events: auto; 
 } 
  
 .pf-footer-coverpage .pf-profile-user .pf-cnt-img-avatar img { 
   width: 200px; 
   height: 200px; 
   border-radius: 50%; 
   object-fit: cover; 
   outline: none; 
   padding: 8px; 
   box-sizing: border-box; 
   background: linear-gradient(135deg, #14ffe9, #ffeb3b, #ff00e0); 
   -webkit-background-clip: text; 
   -webkit-text-fill-color: transparent; 
   animation: animate 1.5s linear infinite; 
 } 
 @keyframes animate { 
   100% { 
     filter: hue-rotate(360deg); 
   } 
 } 
  
 .pf-footer-coverpage .pf-profile-user .pf-cnt-img-avatar .pf-cnt-btn-upload { 
   position: absolute; 
   top: 0; 
   left: 0; 
   width: 100%; 
   height: 100%; 
   padding: 8px; 
   box-sizing: border-box; 
 } 
  
 .pf-footer-coverpage 
   .pf-profile-user 
   .pf-cnt-img-avatar 
   .pf-cnt-btn-upload 
   .pf-control-trick { 
   display: flex; 
   justify-content: center; 
   align-items: center; 
   width: 100%; 
   height: 100%; 
   background: transparent; 
   color: transparent; 
   border-radius: 50%; 
   transition: 0.25s all ease-in-out; 
 } 
  
 .pf-footer-coverpage 
   .pf-profile-user 
   .pf-cnt-img-avatar 
   .pf-cnt-btn-upload 
   .pf-control-trick:hover { 
   background: rgba(0, 0, 0, 0.7); 
   color: rgba(255, 255, 255, 0.9); 
   font-size: 40px; 
   cursor: pointer; 
 } 
  
 .pf-footer-coverpage 
   .pf-profile-user 
   .pf-cnt-img-avatar 
   .pf-cnt-btn-upload 
   .pf-control-hidden { 
   display: none; 
 } 
  
 .pf-footer-coverpage .pf-navbar-menu-tab { 
   position: relative; 
   width: 100%; 
   display: flex; 
   justify-content: flex-end; 
   box-sizing: border-box; 
 } 
  
 .pf-tablist { 
   width: 100%; 
   background: transparent; 
   display: flex; 
   justify-content: space-around; 
   border-radius: 50px; 
   box-shadow: 0px 3px 6px -2px rgba(0, 0, 0, 0.15); 
   pointer-events: auto; 
   box-sizing: border-box; 
 } 
  
 .pf-tablist .pf-item-tab { 
   list-style: none; 
   width: 100%; 
   height: 100%; 
   box-sizing: border-box; 
 } 
  
 .pf-tablist .pf-item-tab:first-child > .pf-btn-tab { 
   border-radius: 50px 0px 0px 50px; 
 } 
  
 .pf-tablist .pf-item-tab:last-child > .pf-btn-tab { 
   border-radius: 0 50px 50px 0; 
 } 
  
 .pf-tablist .pf-item-tab .pf-btn-tab { 
   position: relative; 
   font-family: "Roboto"; 
   width: 100%; 
   height: 100%; 
   padding: 20px; 
   cursor: pointer; 
   outline: none; 
   border: none; 
   background: #131313; 
   font-size: 15px; 
   font-weight: 500; 
   color: #ff0065; 
   display: flex; 
   justify-content: center; 
   align-items: center; 
   box-sizing: border-box; 
   transition: 0.25s all ease-in-out; 
 } 
  
 .pf-tablist .pf-item-tab .pf-btn-tab i { 
   margin-right: 10px; 
   font-size: 20px; 
 } 
  
 .pf-tablist .pf-item-tab .pf-btn-tab:hover { 
   color: #000; 
 } 
  
 .pf-tablist .pf-item-tab .pf-btn-tab.pf-active { 
   color: #ffdd00; 
 } 
  
 .pf-tablist .pf-item-tab .pf-btn-tab::before { 
   z-index: 1; 
   content: ""; 
   position: absolute; 
   bottom: 6px; 
   left: 0; 
   right: 0; 
   margin: 0 auto; 
   width: 6px; 
   height: 6px; 
   background: #ffdd00; 
   border-radius: 50%; 
   opacity: 0; 
   pointer-events: none; 
   transform: translateY(20px); 
   transition: 0s; 
 } 
  
 .pf-tablist .pf-item-tab .pf-btn-tab.pf-active::before { 
   opacity: 1; 
   pointer-events: auto; 
   transform: translateY(0px); 
   transition: 0.25s; 
 } 
  
 .pf-tablist .pf-item-tab .pf-btn-tab::after { 
   z-index: 1; 
   content: ""; 
   position: absolute; 
   bottom: -33px; 
   left: 0; 
   right: 0; 
   margin: 0 auto; 
   width: 0; 
   height: 0; 
   border-right: 15px solid transparent; 
   border-top: 15px solid transparent; 
   border-left: 15px solid transparent; 
   border-bottom: 15px solid #1d1d1d; 
   opacity: 0; 
   pointer-events: none; 
   transform: translateY(40px); 
   transition: 0s; 
 } 
  
 .pf-tablist .pf-item-tab .pf-btn-tab.pf-active::after { 
   opacity: 1; 
   pointer-events: auto; 
   transform: translateY(0px); 
   transition: 0.25s; 
 } 
  
 .pf-sect-form-tabs { 
   position: relative; 
   width: 80%; 
   margin: 60px auto; 
   box-sizing: border-box; 
 } 
  
 .pf-sect-form-tabs .pf-sect-tab { 
   position: absolute; 
   top: 0; 
   left: 0; 
   width: 100%; 
   margin-bottom: 20px; 
   border: 2px solid #ff006c; 
   padding: 60px 30px 30px; 
   background: #181818; 
   border-radius: 25px; 
   box-shadow: 0 0 5px #ff006c; 
   box-sizing: border-box; 
   opacity: 0; 
   pointer-events: none; 
   transform: translateY(20px); 
   transition: 0s; 
 } 
  
 .pf-sect-form-tabs .pf-sect-tab.pf-active { 
   position: absolute; 
   opacity: 1; 
   pointer-events: auto; 
   transform: translateY(0px); 
   transition: all 0.25s ease-in-out; 
 } 
  
 /*.pf-sect-form-tabs .pf-sect-tab.pf-active:before{ 
 z-index: 0; 
     content: ''; 
     position: absolute; 
     top: 25%; 
     left: 0; 
     width: 2px; 
     height: 50%; 
     border-radius: 25px; 
     background: #ffdd00;   
 }*/ 
  
 .pf-sect-form-tabs .pf-sect-tab .pf-title-sect-tab { 
   position: relative; 
   padding: 0 10px 0; 
   font-size: 25px; 
   color: #fff; 
   font-weight: bold; 
   font-family: "Raleway", sans-serif; 
   /*animation: shining 0.1s alternate infinite;*/ 
   -webkit-text-fill-color: transparent; 
   -webkit-text-stroke: 2px hsl(333deg 100% 50%); 
   filter: drop-shadow(0px 2px 2px hsl(0deg 0% 0% / 0.5)) 
     drop-shadow(0px 0px 4px hsl(333deg 100% 50% / 0.5)) 
     drop-shadow(0px 0px 10px hsl(333deg 100% 50% / 0.5)) 
     drop-shadow(0px 0px 50px hsl(333deg 100% 50% / 1)); 
 } 
  
 @keyframes shining { 
   from { 
     text-shadow: 0 0 6px rgba(182, 211, 207, 0.9), 
       0 0 30px rgba(182, 211, 207, 0.3), 0 0 12px rgba(15, 115, 223, 0.5), 
       0 0 21px rgba(15, 115, 223, 0.9), 0 0 34px rgba(15, 115, 223, 0.8), 
       0 0 54px rgba(15, 115, 223, 0.9); 
   } 
   to { 
     text-shadow: 0 0 6px rgba(182, 211, 207, 1), 
       0 0 30px rgba(182, 211, 207, 0.4), 0 0 12px rgba(15, 115, 223, 0.6), 
       0 0 22px rgba(15, 115, 223, 0.8), 0 0 38px rgba(15, 115, 223, 0.9), 
       0 0 60px rgba(15, 115, 223, 1); 
   } 
 } 
  
 @keyframes animate { 
   100% { 
     filter: hue-rotate(360deg); 
   } 
 } 
  
 @keyframes blink { 
   0% { 
     text-shadow: 0px 0px 3px #fff, 0px 0px 7px #fff, 0px 0px 10px #fff, 
       0px 0px 16px #ffff7e, 0px 0px 25px #ffff7e, 0px 0px 40px #ffff7e; 
   } 
   50% { 
     text-shadow: 0px 0px 1px #fff, 0px 0px 3px #fff, 0px 0px 5px #fff, 
       0px 0px 10px #ffff7e, 0px 0px 20px #ffff7e, 0px 0px 30px #ffff7e; 
   } 
   100% { 
     text-shadow: 0px 0px 3px #fff, 0px 0px 7px #fff, 0px 0px 10px #fff, 
       0px 0px 16px #ffff7e, 0px 0px 25px #ffff7e, 0px 0px 40px #ffff7e; 
   } 
 } 
  
 .pf-sect-form-tabs .pf-sect-tab .pf-cnt-form { 
   margin-top: 30px; 
   padding: 0; 
 } 
  
 .pf-sect-tab .pf-cnt-form .pf-form-group { 
   position: relative; 
   box-sizing: border-box; 
 } 
  
 .pf-sect-tab .pf-cnt-form .pf-form-group .pf-lbl-title { 
   display: block; 
   width: 100%; 
   margin-bottom: 10px; 
   font-size: 14px; 
   font-weight: 500; 
   color: #ffff26; 
 } 
  
 .pf-lbl-title2 { 
   font-family: "Feturo-w1E9w"; 
   text-align: center; 
   display: block; 
   width: 100%; 
   margin-bottom: 10px; 
   font-size: 20px; 
   font-weight: 500; 
   color: #00d0ff; 
 } 
  
 .pf-sect-tab .pf-cnt-form .pf-form-group .pf-lbl-desc { 
   display: block; 
   width: 100%; 
   margin-bottom: 10px; 
   font-size: 20px; 
   font-weight: 500; 
   color: #ffff26; 
   background: linear-gradient(135deg, #14ffe9, #ffeb3b, #ff00e0); 
   -webkit-background-clip: text; 
   -webkit-text-fill-color: transparent; 
   animation: animate 1.5s linear infinite; 
 } 
  
 .pf-sect-tab .pf-cnt-form .pf-form-group .pf-inp-control { 
   width: 100%; 
   border: none; 
   border-radius: 3px; 
   outline: none; 
   padding: 13px; 
   border: 1px solid rgba(0, 0, 0, 0.08); 
   font-size: 16px; 
   font-weight: 400; 
   box-sizing: border-box; 
   transition: all 0.25s ease-in-out; 
 } 
  
 .pf-sect-tab .pf-cnt-form .pf-form-group .pf-inp-control:disabled { 
   background: #f5f5f5; 
   color: #444; 
   cursor: not-allowed; 
 } 
  
 .pf-sect-tab .pf-cnt-form .pf-form-group .pf-inp-control:focus { 
   border-color: #ff0065; 
 } 
  
 .pf-sect-tab .pf-cnt-form .pf-form-group.pf-icon .pf-inp-control { 
   padding-left: 33px; 
 } 
  
 .pf-sect-tab .pf-cnt-form .pf-form-group.pf-icon i { 
   position: absolute; 
   bottom: 15px; 
   left: 13px; 
   font-size: 18px; 
   color: rgba(0, 0, 0, 0.2); 
   transition: all 0.25s; 
 } 
  
 .pf-sect-tab .pf-cnt-form .pf-form-group.pf-icon .pf-inp-control:focus ~ i { 
   color: #ff0065; 
 } 
  
 @media only screen and (max-width: 991px) { 
   [class*="pf-w-"] { 
     width: 100%; 
   } 
   .pf-footer-coverpage .pf-cnt-info-user .pf-info-title { 
     font-size: 25px; 
   } 
  
   .pf-footer-coverpage .pf-cnt-info-user .pf-info-position { 
     font-size: 14px; 
   } 
  
   .pf-tablist .pf-item-tab .pf-btn-tab span { 
     display: none; 
   } 
 } 
  
 @media only screen and (max-width: 767px) { 
   .pf-cnt-img-full img { 
     height: 200px; 
   } 
  
   .pf-cnt-img-full .pf-layer-gradient .pf-cnt-btn-upload { 
     top: 15px; 
     right: 12px; 
   } 
  
   .pf-layer-gradient .pf-cnt-btn-upload .pf-control-trick { 
     padding: 6px 7px 6px; 
     border-radius: 3px; 
   } 
  
   .pf-layer-gradient .pf-cnt-btn-upload .pf-control-trick i { 
     margin: 0; 
   } 
  
   .pf-layer-gradient .pf-cnt-btn-upload .pf-control-trick span { 
     display: none; 
   } 
  
   .pf-footer-coverpage { 
     flex-wrap: wrap; 
     width: 90%; 
     bottom: -160px; 
   } 
  
   .pf-footer-coverpage .pf-cnt-info-user { 
     text-align: center; 
     top: -70px; 
     left: 0; 
     padding-left: 0; 
   } 
  
   .pf-footer-coverpage .pf-cnt-info-user .pf-info-title { 
     font-size: 22px; 
   } 
  
   .pf-footer-coverpage .pf-cnt-info-user .pf-info-position { 
     font-size: 13px; 
   } 
  
   .pf-footer-coverpage .pf-profile-user { 
     width: 100%; 
     margin-bottom: 10px; 
   } 
  
   .pf-footer-coverpage .pf-profile-user .pf-cnt-img-avatar { 
     margin: 0 auto; 
     width: 180px; 
     height: 180px; 
   } 
  
   .pf-footer-coverpage .pf-profile-user .pf-cnt-img-avatar img { 
     width: 180px; 
     height: 180px; 
   } 
  
   .pf-sect-form-tabs { 
     margin: 130px auto; 
     width: 95%; 
   } 
  
   .pf-sect-form-tabs .pf-sect-tab { 
     padding: 60px 20px 20px; 
   } 
  
   .pf-sect-form-tabs .pf-sect-tab .pf-title-sect-tab { 
     text-align: center; 
     font-size: 22px; 
   } 
 } 
  
 @media only screen and (max-width: 575px) { 
   .pf-footer-coverpage { 
     bottom: -150px; 
   } 
  
   .pf-footer-coverpage .pf-cnt-info-user { 
     top: -60px; 
   } 
  
   .pf-tablist { 
   } 
  
   .pf-tablist .pf-item-tab .pf-btn-tab { 
     padding: 15px 10px 15px; 
     font-size: 13px; 
   } 
  
   .pf-tablist .pf-item-tab .pf-btn-tab i { 
     font-size: 15px; 
     margin-right: 5px; 
   } 
  
   .pf-sect-form-tabs { 
     margin: 130px auto; 
   } 
 } 
  
 .center { 
   display: block; 
   margin-left: auto; 
   margin-right: auto; 
   width: 50%; 
   border: 0px solid #21ebff; 
 } 
 .center2 { 
   display: block; 
   margin-left: auto; 
   margin-right: auto; 
 } 
  
 svg1 { 
   filter: drop-shadow(1px 1px 5px #c90606); 
 } 
 /*****button 
  
 .custom-btn { 
   color: #fff; 
   width: 130px; 
   height: 40px; 
   padding: 10px 25px; 
   font-family: 'Lato', sans-serif; 
   font-weight: 500; 
   background: transparent; 
   cursor: pointer; 
   transition: all 0.3s ease; 
   position: relative; 
   text-align: center 
   margin:auto; 
   display:block; 
 } 
  
 .btn-7 { 
   color: #21ebff; 
   line-height: 40px; 
   padding: 0; 
   border: none; 
   margin: auto; 
   text-align: center; 
 } 
 .btn-7 span { 
   position: relative; 
   display: block; 
   width: 100%; 
   height: 100%; 
   margin: auto; 
 } 
 .btn-7:before, 
 .btn-7:after { 
   position: absolute; 
   content: ""; 
   right: 0; 
   bottom: 0; 
   background: #21ebff; 
   box-shadow: 0 0 5px #21ebff; 
   transition: all 0.3s ease; 
   margin: auto; 
 } 
 .btn-7:before{ 
    height: 50%; 
    width: 2px; 
 } 
 .btn-7:after { 
   width: 20%; 
   height: 2px; 
 } 
 .btn-7:hover:before { 
   height: 100%; 
 } 
 .btn-7:hover:after { 
   width: 100%; 
 } 
 .btn-7 span:before, 
 .btn-7 span:after { 
   position: absolute; 
   content: ""; 
   left: 0; 
   top: 0; 
   background: #21ebff; 
   box-shadow: 0 0 5px #21ebff; 
   transition: all 0.3s ease; 
   margin: auto; 
 } 
 .btn-7 span:before { 
   width: 2px; 
   height: 50%; 
 } 
 .btn-7 span:after { 
   height: 2px; 
   width: 20%; 
 } 
 .btn-7 span:hover:before { 
   height: 100%; 
 } 
 .btn-7 span:hover:after { 
   width: 100%; 
 } 
 */ 
 a { 
   position: relative; 
   padding: 10px 30px; 
   margin: auto; 
   display: block; 
   color: #21ebff; 
   text-decoration: none; 
   text-transform: uppercase; 
   letter-spacing: 2px; 
   font-size: 20px; 
   transition: 0.5s; 
   overflow: hidden; 
   -webkit-box-reflect: below 1px linear-gradient(transparent, #0003); 
   text-align: center; 
 } 
  
 a:before { 
   content: ""; 
   position: absolute; 
   top: 0; 
   left: 0; 
   width: 10px; 
   height: 10px; 
   border-top: 2px solid #21ebff; 
   border-left: 2px solid #21ebff; 
   transition: 0.5s; 
 } 
  
 a:after { 
   content: ""; 
   position: absolute; 
   bottom: 0; 
   right: 0; 
   width: 10px; 
   height: 10px; 
   border-bottom: 2px solid #21ebff; 
   border-right: 2px solid #21ebff; 
   transition: 0.1s; 
 } 
  
 a:hover:before { 
   width: 100%; 
   height: 100%; 
   transition: 0.1s; 
 } 
  
 a:hover:after { 
   width: 100%; 
   height: 100%; 
   transition: 0.1s; 
 } 
  
 a:hover { 
   background: #21ebff; 
   color: #111; 
   box-shadow: 0 0 50px #21ebff; 
   transition-delay: 0.1s; 
 } 
  
 p.detail { 
   color: #fff; 
   text-shadow: 0 0 5px #25d7fb, 0 0 10px #25d7fb, 0 0 15px #25d7fb, 
     0 0 20px #25d7fb, 0 0 25px #25d7fb, 0 0 30px #25d7fb; 
   font-weight: bold; 
   font-family: "Feturo-w1E9w"; 
   font-size: 20; 
 } 
 span.name { 
   color: #fff; 
   text-shadow: 0 0 5px #ff63a2, 0 0 10px #ff63a2, 0 0 15px #ff63a2, 
     0 0 20px #ff63a2, 0 0 25px #ff63a2, 0 0 30px #ff63a2; 
   font-weight: bold; 
   font-family: "Feturo-w1E9w"; 
   font-size: 20; 
 } 
  
 .neonText-lightBlue { 
   font-size: 20px; 
   padding: 20px; 
   color: #fff; 
   text-shadow: 0 0 5px #25d7fb, 0 0 10px #25d7fb, 0 0 15px #25d7fb, 
     0 0 20px #25d7fb, 0 0 25px #25d7fb, 0 0 30px #25d7fb; 
 } 
 .neonText-LightPink { 
   font-size: 20px; 
   padding: 20px; 
   color: #fff; 
   text-shadow: 0 0 5px #ff63a2, 0 0 10px #ff63a2, 0 0 15px #ff63a2, 
     0 0 20px #ff63a2, 0 0 25px #ff63a2, 0 0 30px #ff63a2; 
 }