@font-face {
  font-family: 'mainFont'; /* set name */
  src: url('https://rayepierre335.neocities.org/assets/NewRocker-Regular.ttf') format('truetype');
}

body{
  background-image: url('https://rayepierre335.neocities.org/assets/corkboard.png');  
  background-color: #1c1c1c;
}

h1{
  margin: 0 25% 0 25%;
  font-size: 3em;
  color: #ce9072;
  font-family: mainFont;
    text-align: center;
  text-shadow: 3px 3px 6px black;
  border-style: ridge;
  border-width: 5px 15px 0 15px;
  background-color: #58392d;
}

h2{
  margin: 0 25% 0 25%;
  padding:1em 2em 1em 2em;
  font-size: 1em;
  color: #c8ae4c;
  font-family: mainFont;
  text-align: center;
  text-shadow: 3px 3px 6px black;
  border-style: ridge;
  border-width: 5px 5px 5px 5px;
  background-color: #58392d;  
}

p{
  margin: 0 25% 0 25%;
  padding:1em 2em 1em 2em;
  font-size: 1.4em;
  color: #ce9072;
  font-family: mainFont;
    text-align: center;
  text-shadow: 3px 3px 6px black;
  border-style: ridge;
  border-width: 0 15px 5px 15px;
  background-color: #58392d;
}

.iTakeaBreath{
  display: grid;
  text-align:center;
  margin-top:2%;
  grid-template-columns: repeat(auto-fit, minmax(120px, auto));
  gap:1em;
}

/* Navi */

#nanavi{
cursor: pointer;
}

#oblivion{
max-height:100%;
width:50%;
transition: all 0.3s ease-in-out;
filter: opacity(100%) blur(0px) brightness(100%) contrast(100%) saturate(100%) drop-shadow(5px 5px 10px rgba(0,0,0,0.5));
}

#oblivion:hover{
transform: scale(1.2);
filter: brightness(75%) contrast(100%) saturate(150%) drop-shadow(5px 5px 10px rgba(0,0,0,0.5));
}

#returnToOblivion{
max-height:100%;
max-width:100%;
}


.PWA{
  position: fixed;
  bottom: 8px;
  right: -100px;
}

.auRevoir{
  background-color:#9c1c00;
  height:0px;
  width:35%;
  z-index:2;
  position:fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-x:hidden;
  transition:0.3s;
  border: 0px solid #9c1c00;
  border-radius: 5px;
  filter: drop-shadow(0 0 16px rgba(160, 185, 192, 0.5));
  opacity:0.95;  
  color:#b5ee80;
}

/* Navi */