body{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  font-family: "Inconsolata";
  /* background-image: url(/backgrounds/stars.jpg);
  background-blend-mode:multiply;
  background-color: aliceblue; */
}

a{
  text-decoration: none;
  width: 90%;
  /* margin: 20px; */
  color: rgb(31, 24, 87);
}

h1{
  font-family: "Press Start 2P";
  font-size: x-large;
  margin-top: 30px;
  text-align: center;
}

h2{
  font-family: "Press Start 2P";
  font-size: medium;
  margin-top: 10px;
  text-shadow: 0px 0px 4px pink;
}

h3{
  margin: 20px;
  margin-bottom: 0px;
}

p{
  margin: 0px;
}

.window{
  width: 45%;
  height: 90vh;  
  background-color: palevioletred;
  border-radius: 5px;
  border: 3px solid pink;
  position: relative;
}

.content{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: rgb(245, 240, 255);
  /* overflow-y: scroll; */
  position: relative;
}

.header{
  /* text-align: center; */
  margin: 20px;
  position: relative;
  width: 100%;
}

.header p{
  text-align: center;
}

.shrine-container{
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow-y: scroll;
}

.shrine{
  padding: 10px;
  display: flex;
}

.shrine:hover, .shrine:focus{
  box-shadow: 0px 0px 10px rgb(255, 145, 163);
}

.shrine, .shrine-page{
  background-color: rgba(116, 102, 118, 0.446);
  /* width: 90%; */
  border-radius: 5px;
  border: 3px dotted rgba(245, 245, 220, 0.729);
  /* align-items: start; */
}

.shrine-image{
  width: 200px; 
  height: 120px; 
  object-fit: cover; 
  border-radius: 2px;
}

.shrine-info{
  display: flex;
  flex-direction: column;
  margin: 20px;
  margin-top: 5px;
  /* justify-content: start; */
}

.shrine-page{
  width: 90%; 
  flex: 1; 
  margin: 20px; 
  margin-bottom: 30px;
  overflow-y: scroll;
}

.shrine-page-content{
  display: flex;
  flex-direction: column;
}

.shrine-page-content p{ 
  margin: 20px;
  text-align: justify;
  color: rgb(252, 211, 218);
}

.pkmn-card{
  width: 32%;
  border-radius: 7px;
}

a p{
  color: pink;
}