body {
  background-color: bisque;
  font-family: MS PGothic;
  background-image: url("https://file.garden/aeVpDTeG9wi7ozvZ/backgrounds/eryth2.png");
  min-height: 100dvh;
  background-size:cover;
}

.container {
  max-width:60rem;
  margin: 20vh auto 20vh auto;
  background-color: #faebd7;
  padding: 30px;
  display:flex;
  flex-wrap:wrap;
  gap: 18px;
  text-align:center;
  border-color:#fff6f2;
  border-width: 10px;
  border-style: solid;
}

header {
  flex: 1 1 100%;
  height: 2rem;
  font-size:x-large;
}

header h1 {
  position: relative;
  top: -3.25rem;
}

.shrine1 {
  height: 120px;
  flex: 1 1 33%;
  background-color: lavenderblush;
  align-content:center;
  padding: 5px;
  border: solid transparent;
  border-image: url("https://64.media.tumblr.com/adeed18d93429b6ed852214a9b1563bd/b87029eebad30575-27/s2048x3072/a30b6874a5afae99cde349b1f76fef57c3482293.pnj") round;
  border-image-slice: 225;
  border-image-width: 20px; 
  border-image-outset: 10px;
  background-image: url("https://www.xenoserieswiki.org/w/images/5/5a/XC1_Bionis_Leg_Artwork.jpg");
  background-size: 50rem;
  background-position:60% 60%;
  
}

.shrine1 img {
  filter: drop-shadow(1px 1px 2px black)
}

.shrine2 {
  height: 120px;
  flex: 1 1 33%;
  background-color: lavenderblush;
  align-content:center;
  padding: 5px;
  border-image: url("https://64.media.tumblr.com/de27db47a393dbfa41de6f9e29e5f637/b7a2535628e85ed9-6b/s1280x1920/34a3a4604782937a29bb367e3306f203ff38b673.pnj") round;
  border-image-slice: 156 136 156 136;
  border-image-width: 20px; 
  border-image-outset: 10px;
  background-image: url("https://ultrakill.wiki.gg/images/6-2_Blue_Boss_Arena.png?1d02c4=&format=original");
  background-size: 120rem;
  background-position:center;
}

.shrine2 img {
  filter: drop-shadow(2px 2px 1px white)
}

.shrine3 {
  height: 120px;
  flex: 1 1 33%;
  background-color: lavenderblush;
  display: grid;
  align-content:center;
  padding: 5px;
  background-image: url("https://file.garden/aeVpDTeG9wi7ozvZ/other/achilles.png");
  background-size: 600px;
  background-position:center;
  border-image: url("https://64.media.tumblr.com/c6f6ebf27b73c4f4fdf353f4647bc3e5/b7a2535628e85ed9-2b/s250x400/a22f17b04b257812a6f72e8c790e938d69b091bb.pnj") round;
  border-image-slice: 38 38 38 36;
  border-image-width: 20px; 
  border-image-outset: 10px;
}

.shrine3 h1 {
  font-size: 55px;
  color: white;
  text-shadow: 2px 2px 3px black, -2px -2px 3px black;
  font-family: Times New Roman;
  font-weight: 500;
}

.shrine3 a {
  text-decoration: none;
}

.shrine4 {
  height: 120px;
  flex: 1 1 33%;
  background-color: lavenderblush;
  align-content:center;
  padding: 5px;
  border-image: url("https://64.media.tumblr.com/ccf5a0d2247e5f569ddf1baee2031b3a/23a43dcdd0fb50e4-ad/s1280x1920/53c9798a621cbc6df11c6cf1f0586624c37fb2a7.gifv") round;
  border-image-slice: 187 190 190 190;
  border-image-width: 20px;
  border-image-outset: 10px;
  background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhPHDESuURtvYh0A9uuxajH4jBuFhWFEARUPyp4_ufHBiTkas4-IkCyIyaYuV0Q29WQuy97wMflZOkyj5ZhmENyyiL9PLKO-rLaaiguABv5c3HornmnehvbFmqDfvAX9u6MuD6MFmlImk/s1600/Evangelion+4.4.bmp');
  background-size:40rem;
  
}

.shrine4 img {
  filter: drop-shadow(2px 2px 1px #d9e8ff)
}

.shrine5 {
  height: 120px;
  flex: 1 1 33%;
  display: grid;
  background-color: #ffbdbd;
  align-content:center;
  padding: 5px;
  border-image: url("https://64.media.tumblr.com/0c03a3021a4aa9af600cac7c8444013e/393584b2597684d6-ec/s100x200/53e600c36d0e510af2709bba6903d0a24a3f7471.gifv") round;
  border-image-slice: 21 21 21 21;
  border-image-width: 20px;
  border-image-outset: 7px;
}

.shrine5 a {
  text-decoration: none;
}

.shrine6 {
  height: 120px;
  flex: 1 1 33%;
  display: grid;
  background-color: #edfffa;
  align-content:center;
  padding: 5px;
  border-image: url("https://64.media.tumblr.com/fec5914e4f176217ebd3d98015707320/b7a2535628e85ed9-0c/s1280x1920/1c726800633302da515b4caf7a96fe4e1cb87853.pnj") round;
  border-image-slice: 114 114 114 114;
  border-image-width: 20px;
  border-image-outset: 10px;
}

.shrine6 a {
  text-decoration: none;
}


.home {
  flex: 1 1 40%;
  text-align: left;
  font-size: 15px;
  background-color: #fff6f2;
  margin-right: -9px
}

.home a {
  color: red;
  text-decoration: none;
}

.credit {
  flex: 1 1 40%;
  text-align: right;
  font-size: 15px;
  background-color: #fff6f2;
  margin-left: -9px
}

.credit a {
  color: red;
  text-decoration: none;
}

.onhover:hover {
  transform: scale(1.2);
}