/* -- layout -- */

html,
body {
  background-color: rgba(0, 0, 0, 0.79);
  font-family: "Kode Mono", monospace;
  color: rgba(167, 167, 167, 0.62);
  /*font-family: "Cairo Play", monospace; */
}

container {
  font-family: "Kode Mono", monospace;
}

header {
  padding-top: 2%;
  padding-bottom: 2%;
}
/* -- particles -- */

.particles-js-canvas-el {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* -- Title -- */

.titleKiller {
  font-size: 4rem;
  font-weight: bold;
  padding-bottom: 1%;
}

.spectrum{
  color: transparent;
  background: linear-gradient(174deg, rgba(70, 8, 11, 0.53) 0%, rgba(92, 32, 32, 0.62) 27%,  rgba(142, 88, 41, 0.62) 34%, rgba(240, 218, 157, 0.62) 42%, rgba(42, 78, 67, 0.57) 51%, rgba(50, 53, 170, 0.54) 61%, rgba(51, 17, 44, 0.52) 72%);
  background-clip: text;
  -webkit-background-clip: text;
  margin: auto;
  filter: brightness(122%);
}

.emailEye{
  font-weight: bold;
  background: linear-gradient(60deg, rgba(70, 8, 11, 0.72) 0%, rgba(92, 32, 32, 0.78) 27%,  rgba(142, 88, 41, 0.79) 34%, rgba(240, 218, 157, 0.81) 42%, rgba(51, 78, 42, 0.76) 51%, rgba(26, 27, 59, 0.81) 61%, rgba(51, 17, 44, 0.67) 67%);
  background-clip: text;
  -webkit-background-clip: text;
  margin: auto;
}

.calendar {
  font-size: 1.5rem;
} 

ul {
  list-style-type: none;
}

.bandcamp {
  padding-top: 2%;
  padding-bottom: 2%;
  z-index: 8;
}

a {
  color: rgba(167, 167, 167, 0.62);
  text-decoration: none;
}

.pinkWater {
  z-index: 12; 
  opacity: .67;
}

img{
  height: 50px;
  filter: invert(1);
  padding-top: 1%;
  padding-bottom: 1%;
}

a:hover {
  color: transparent;
  transition: 500ms ease;
  text-decoration: none;
}


/* -- big image -- 

.big-picture {
  height: 100vh;
  width: 100vw;
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  background-image: url(/img/la%20lumiere%20electrique.jpg);
}

.overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.85);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

*/


/* unused -------

.pinkWater

  background: linear-gradient(90deg, rgba(70, 8, 11, 0.53) 0%, rgba(92, 32, 32, 0.62) 27%,  rgba(142, 88, 41, 0.62) 34%, rgba(240, 218, 157, 0.62) 42%, rgba(51, 78, 42, 0.57) 51%, rgba(26, 27, 59, 0.54) 61%, rgba(51, 17, 44, 0.52) 67%);

*/