/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/styles/neonTitle.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
/*https://codepen.io/nodws/pen/WNjXbr*/

.logo {
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

  .logo b{
    color: rgb(245, 238, 255);
    text-shadow: 0 -20px 100px, 0 0 2px, 0 0 1em #ba44ff, 0 0 0.5em #ba44ff, 0 0 0.1em #ba44ff, 0 10px 3px #000;
  }

  .logo b span{
    animation: blink linear infinite 2s;
  }

  .logo b span:nth-of-type(2){
    animation: blink linear infinite 3s;
  }
  @keyframes blink {
    78% {
      color: inherit;
      text-shadow: inherit;
    }
    79%{
       color: #333;
    }
    80% {
      
      text-shadow: none;
    }
    81% {
      color: inherit;
      text-shadow: inherit;
    }
    82% {
      color: #333;
      text-shadow: none;
    }
    83% {
      color: inherit;
      text-shadow: inherit;
    }
    92% {
      color: #333;
      text-shadow: none;
    }
    92.5% {
      color: inherit;
      text-shadow: inherit;
    }
  }
  
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/styles/glassmorphism.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
/*https://hype4.academy/tools/glassmorphism-generator*/

.glassmorphism{
    background: rgba( 255, 255, 255, 0.03 );
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    backdrop-filter: blur( 15px );
    -webkit-backdrop-filter: blur( 15px );
    border-radius: 15px;
}