html {
  background-color: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(15, 22, 35, 1) 0%, rgba(56, 49, 66, 1) 50%, rgba(102, 75, 91, 1) 100%), url("images/white-wall-background.jpg");
  background-blend-mode: multiply;
  background-size: cover;
  background-size: 50%;
  text-align:center;
  padding-left:5%;
  padding-right:5%;
}

body{
  background-image: url('images/bg.png');
  background-repeat: repeat-y;
  background-size: 100%;
  color:rgb(245,220,200);
  width:80%;
  margin:auto;
  padding:2%;
  
  
  
}

a{
  color:#ba6e93;
  }

.mainContent{
  width:90%;
  text-align:center;
  margin:auto;
}



#upThere{
  font-size: 1.5rem;
}

.divider{
  color: rgba(0, 0, 0, 0);
  background-image: url(https://nasseyref.neocities.org/images/thread.png);
  background-size:contain;
  background-repeat: none;
  font-size: 2rem;
  margin-right:20%;
  margin-left:20%;
  }

.gallerie{
  /*text-align:center;*/
}

.gallerie img{
  width:20%;
  height:20%;
  border-radius: 15%;
  border-style: double;
  border-color: rgba(150, 107, 124,0.2);
  border-width:thick;
  margin:1%;
  text-align:center;
  display:inline-grid;
  flex-wrap:wrap;
  }
  
.gallerie img:hover{
  border-color: white;
  transition: .5s ease;
}

.sides_container{
  display: flex;
  gap: 16px;
  justify-content: center;
}

.side_child{
  width: 50%;
  border-radius:20px;
  display:block;
  margin:auto;
  justify-content: center;
  }
  
  .side_child img{
    width:80%;
    border-radius: 15%;
  border-style: double;
  border-color: rgba(150, 107, 124,0.2);
  border-width:thick;
  margin:auto;
display:flex;
  text-align:center;
    }
    
    .legende{
    text-align:center;
    display:block;
    }

h1{
  font-family:"New Rocker";
}

#myName{
  font-family: 'Philosopher';
  font-weight: 550;
  font-style: normal;
}


@media (max-width: 820px){
	.gallerie img{
    width:40%;
    height:40%;
    }
    
  .gallerie{
    text-align:center;
    }
    
    .mainContent{
      text-align:center;
    }
    
    body{
      width:90%;
      }
      
    .sides_container{
  display: block;
  justify-content: center;
}

.side_child{
  width: 100%;
  border-radius:20px;
  margin:auto;
  }
}

.philosopher-regular {
  font-family: "Philosopher", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.philosopher-bold {
  font-family: "Philosopher", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.philosopher-regular-italic {
  font-family: "Philosopher", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.philosopher-bold-italic {
  font-family: "Philosopher", sans-serif;
  font-weight: 700;
  font-style: italic;
}





/*@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=Micro+5&display=swap');*/