/*-- Use For Custom Styling --*/

/* text-color
.color-black { color: #212622; }
.color-grey { color: #535353; }
.color-light-grey {color: #6f6f6f;}
.color-light-grey2 {color: #a5a5a5;}
.color-vlight-grey { color: #8c8c8c;}
.color-vlight-grey2 {color: #ebebeb;}
.color-white {color: #ffffff;}
.color-light-gw {color: #f7f7f7;}
.color-yellow {color: #f1c30f;}
.color-pink {color: #e57bff;}
.color-blue {color: #84a1d2;}
.text-black { color: #212622 !important;}
.text-yellow {color: #f1c30f !important;}
*/

:root {
    --clr-neon: hsl(500 100% 50%);
    --clr-bg: hsl(323 21% 16%);
  }
  
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  
  body {
    min-height: 100%;
    place-items: center;
    background: var(--clr-bg);
    color: var(--clr-neon);
  }



/* SLOGAN */
	.slogan {
		color: silver;
    		font-family: 'Charm', cursive;
		}



/* MENU */
	.navbar-nav .nav-item .nav-link {
		font-family: 'Fondamento', cursive;
		}



/* ZMIANA KOLORU TEKSTU */
/*  .testimonial-item .testimonial-para .mb-15px {
    color: whitesmoke;
  } 
*/



/* NEON napis "Zapraszamy" */
  .neon-button {
    font-size: 2rem;
    font-family: 'Charmonman', cursive;
    /* font-family: 'Fondamento', cursive;
    font-family: 'Great Vibes', cursive; */
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    color: var(--clr-neon);
    border: var(--clr-neon) 0.125em solid;
    padding: 0.5em 1em;
    border-radius: 0.25em;
    text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3), 0 0 0.45em currentColor;
    box-shadow: inset 0 0 0.5em 0 var(--clr-neon), 0 0 0.5em 0 var(--clr-neon);
    position: relative;
  }
  .neon-button::before {
    pointer-events: none;
    content: "";
    position: absolute;
    background: var(--clr-neon);
    top: 120%;
    left: 0;
    width: 100%;
    height: 100%;
    transform: perspective(1em) rotateX(40deg) scale(1, 0.35);
    filter: blur(1em);
    opacity: 0.7;
  }
  .neon-button::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 2em 0.5em var(--clr-neon);
    opacity: 0;
    background-color: var(--clr-neon);
    z-index: -1;
    transition: opacity 100ms linear;
  }
  .neon-button:hover,
  .neon-button:focus {
    color: var(--clr-bg);
    text-shadow: none;
  }
  .neon-button:hover::before,
  .neon-button:focus::before {
    opacity: 1;
  }
  .neon-button:hover::after,
  .neon-button:focus::after {
    opacity: 1;
  }



/* NAGŁÓWKI */
	.naglowek1 {
		color: #e57bff;
		font-family: 'Charmonman', cursive; 
		}
	.naglowek2 {
		color: #84a1d2;
		font-family: 'VT323', monospace;
		}



/* O MNIE */
	/* Michał Grabias - z zawodu pianista… */
	.bio {
		font-family: 'Dekko', cursive;
		}
	/* Jestem… */
	.bio1 {
		font-family: none;
		}
	/* Postanowiłem… */
	.bio2 {
		
		}
	/* Pragnę… */
	.bio3 {
		font-family: 'Tillana', cursive;
		}
	/* Stworzyć… */
	.bio4 {
		font-family: 'Syne Mono', monospace;
		}
	/* Jako… */
	.bio5 {
		color: white;
		font-size: 1.2rem;
		font-style: italic;
		}
	
	.karteczka-symbol {
		color: white;
		}
	.karteczka-tytul {
		color: black;
		font-family: 'VT323', monospace;
		font-size: 2rem;
		}
	.karteczka-notatka {
		color: black;
    		font-family: 'Tillana', cursive;
		}



/* OPINIE */
  .opinia {
    font-family: 'Tillana', cursive;
    font-size: 1.2rem;
  }
  .nazwisko {
    font-family: 'Qwigley', cursive;
    color: var(--clr-neon);
    font-size: 3rem;
  }
  .zawod {
    font-family: 'Kaushan Script', cursive;
    color: #e57bff;
  }
  .praca {
    font-family: 'Kaushan Script', cursive;
    color: #84a1d2;
    font-size: 1.2rem;
  }



/* KONTAKT */
	.kontakt {
		font-size: 1.5rem;
		}



/* WIELKOŚCI */
  .Size2 {
    font-size: 2rem;
  }

/* DODATKOWE fonty Google */
  .BalsamiqSans {
    font-family: 'Balsamiq Sans', cursive;
  }
  .Bilbo {
    font-family: 'Bilbo', cursive;
  }
  .Charm {
    font-family: 'Charm', cursive;
  }
  .Charmonman {
    font-family: 'Charmonman', cursive; 
  }
  .Dekko {
    font-family: 'Dekko', cursive;
  }
  .Fondamento {
    font-family: 'Fondamento', cursive;
  }
  .GreatVibes {
    font-family: 'Great Vibes', cursive;
  }
  .KaushanScript {
    font-family: 'Kaushan Script', cursive;
  }
  .MonteCarlo {
    font-family: 'MonteCarlo', cursive;
  }
  .Pacifico {
    font-family: 'Pacifico', cursive;
  }
  .Qwigley {
    font-family: 'Qwigley', cursive;
  }
  .SedgwickAve {
    font-family: 'Sedgwick Ave', cursive;
  }
  .SyneMono {
    font-family: 'Syne Mono', monospace;
  }
  .Tillana {
    font-family: 'Tillana', cursive;
  }
  .VT323 {
    font-family: 'VT323', monospace;
  }