#border
{
    border:5px solid #f196a9;
  border-image: url("https://maespace.neocities.org/border.png") 30 /39px round;
  padding:20px;
}

#grid
{
  width:76%;
  height:100%;
  
  text-align: center;
  
  grid-template:
  "e e e" 50%
  "a b c" 50%
  "a b c" 50%
  "d d c" 50%;
  
  display:grid;
  border:5px solid #f196a9;
  margin-left: auto;
   margin-bottom: 25px;
   margin-right: auto;
   background-image:url("https://maespace.neocities.org/mousie%20bg.png");
  border-image: url("https://maespace.neocities.org/border.png") 30 /39px round;
     font-weight: bold;
  color:gray;
    filter: drop-shadow(black 0.5rem 0.5rem 1rem);
}

#grid :nth-child(1) {
  grid-area: a;

}

#grid :nth-child(2) {
  grid-area: b;

}

#grid :nth-child(3) {
  grid-area: c;

}

#grid :nth-child(4) {
  grid-area: d;

}

#grid :nth-child(5) {
  grid-area: e;

}


img {
 max-width:100%; 
 border:0px solid #f196a9;
  border-image: url("https://maespace.neocitieg") 1 /39px round;
}

#button:hover
{
 filter: brightness(130%);
}

#banner{
  width:40%;
   height: 30%;
   padding:12px;
   text-align: center;
   display: block;
   margin-left: auto;
   margin-bottom: 25px;
   margin-right: auto;
   background-image:url("https://maespace.neocities.org/page_altbg.png");
   font-weight: bold;
  border:5px solid #f196a9;
  color:red;
  filter: drop-shadow(black 0.5rem 0.5rem 1rem);
  border-image: url("https://maespace.neocities.org/border.png") 30 /39px round;
}

#bannerl{
   text-align: center;
   display: block;
   margin-left: auto;
   margin-bottom: 25px;
   margin-right: auto;
   font-weight: bold;
  color:red;
  position: absolute;
  top: 50%;
  left:0%;
}

#bannerr{
   text-align: center;
   display: block;
   margin-left: auto;
   margin-bottom: 25px;
   margin-right: auto;
   font-weight: bold;
  color:red;
  position: absolute;
  top: 50%;
  right: 0;
}

#top{
  object-fit:scale-down;
  width:75%;
   height:260px;
   padding:10px;
   text-align: center;
   display: block;
   margin-left: auto;
   margin-top: 0px;
   margin-right: auto;
   background-image:url("https://maespace.neocities.org/mousie%20bg.png");
   font-weight: bold;
  border:5px solid #f196a9;
  color:gray;
  filter: drop-shadow(black 0.5rem 0.5rem 1rem);
  border-image: url("https://maespace.neocities.org/border.png") 30 /39px round;
}

#content{
  object-fit:scale-down;
  width:75%;
   height:1050px;
   padding:10px;
   text-align: center;
   display: block;
   margin-left: auto;
   margin-top: 0px;
   margin-right: auto;
   background-image:url("https://maespace.neocities.org/mousie%20bg.png");
   font-weight: bold;
  border:5px solid #f196a9;
  color:gray;
  filter: drop-shadow(black 0.5rem 0.5rem 1rem);
  border-image: url("https://maespace.neocities.org/border.png") 30 /39px round;
}

#contentleft{
  object-fit:scale-down;
  width:25%;
   height:72%;
   padding:10px;
   text-align: center;
   display: block;
   margin-left: 0;
   margin-top: 0px;
   margin-right: auto;
   font-weight: bold;
  border:5px solid #f196a9;
  color:gray;
  filter: drop-shadow(0 0 0.75rem lightgray);
  position: absolute;
  top: 0%;
  left:0%;
  border-image: url("https://maespace.neocities.org/border.png") 30 /39px round;
}

#contentright{
  object-fit:scale-down;
  width:25%;
   height:98%;
   padding:10px;
   text-align: center;
   display: block;
   margin-left: auto;
   margin-top: 0px;
   margin-right: 0;
   font-weight: bold;
  border:5px solid #f196a9;
  color:gray;
  filter: drop-shadow(0 0 0.75rem lightgray);
  position: absolute;
  top: 0%;
  right: 0%;
  border-image: url("https://maespace.neocities.org/border.png") 30 /39px round;
}

#contentbottom{
  object-fit:scale-down;
  width:72%;
   height:25%;
   padding:10px;
   text-align: center;
   display: block;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   font-weight: bold;
  border:5px solid #f196a9;
  color:gray;
  filter: drop-shadow(0 0 0.75rem lightgray);
  position: absolute;
  top: 73%;
  left:0%;
  border-image: url("https://maespace.neocities.org/border.png") 30 /39px round;
}

@media (max-width: 1575px) {
#grid
{
  grid-template:
  "e e e" 50%
  "a a a" 50%
  "b b b" 50%
  "c c c" 50%
  "d d d" 50%;
}

#bannerl, #bannerr
{
  width:10%;
}

}