@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans');

body {
  background-image: url("end_tile.png");
  background-repeat: repeat;
}

.box {
    background-color:rgb(227, 163, 120);
    border:none;
}

.boxy {
  margin: auto;
  margin-top: 50px;
  min-width: 350px;
  height: 85vh;
  overflow-x: scroll;
  padding-top: 20px;
  padding-inline:20px;
  position:relative;
  width: 75%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-image-repeat:repeat;
  background-color: rgb(163, 158, 155);
}

h1 {
  font-family: "Pixelify Sans", cursive;
  color:rgb(204, 90, 14);
  letter-spacing:3.5px;
  font-weight: 400;
  font-style: normal;
}
 
p {
    font-family:'Franklin Gothic Medium', sans-serif;
    color:white;
}

 .gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  
}

 .gallery img {
  width: 300px;
  height: 200px;
  object-fit:cover;
 }

.title {
    padding: 5px;
    text-align:center;
  color:rgb(42, 23, 26);
  letter-spacing:2px;
  font-weight: 400;
  font-style: normal;
  }
  
.p_title {
  text-align: center;
  padding: 10px;
  font-size: 12px;
}

a:link {
    color:rgb(0,0,0);
}

.owner {
    padding: 5px;
    text-align:center;
    font-family:'Franklin Gothic Medium', sans-serif;
    font-size:13px;
    font-style:italic;
  }

.thumbnail {
  width: 100%;        
  cursor: pointer;
}

.container {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  
}