@import url("https://emmyswoodlandcottage.neocities.org/css/style.css");                 
main { 
    grid-area: M; 
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas:
    "left right";
    gap: 5px;
    border: none;
    border-image: none;
} 
.left{
    grid-area: left;
}
.right{
    grid-area: right;
}
.left, .right{
    padding: 5px;
 border: 9px solid;
    border-image: url( 'https://emmyswoodlandcottage.neocities.org/borders/IMG_6892.png' ) 9 fill round;
}
td{
    background-color: rgba(255, 255, 255, 0);
    border-image: none;
}    
td > p{
    padding: 10px;
} 
.cuties{
  display: flex;
  justify-self: center;
  width: clamp(150px, 100%, 450px);
  height: auto;
}
.pfp{
  display: flex;
  width: clamp(150px, 100%, 415px);
  height: auto;
}

.media{
    display: flex;
  width: clamp(50px, 50%, 450px);
  height: auto;
}
      
.about{
    max-width:700px;
    max-height:300px;
    overflow:auto;
    display: block; 
}
table{
    border: none;
    border-image: none;
}
.music{
  display: flex;
  width: clamp(50px, 100%, 100px);
  height: auto;
}
/* Abby */
#abby-border{
     border-image: url( 'https://emmyswoodlandcottage.neocities.org/borders/doilyBorder.png') 5 fill round;
}
#abby-body{
    background-image: url('https://emmyswoodlandcottage.neocities.org/backgrounds/heart-pixilart.png')
}
#abby-pfp:hover{
    content: url('https://emmyswoodlandcottage.neocities.org/graphics/PageDolls/humanAbby.png');
}
#phone{
    max-width:68px;
    max-height:99px;
}
#abby-overflow{
   border-width: 9px;
   border-style: solid;
   border-image: url( 'https://emmyswoodlandcottage.neocities.org/borders/strawberryCracker.png' ) 9 fill round;
}
/* April */
#april-border{
      border-image: url( 'https://emmyswoodlandcottage.neocities.org/borders/pixilart-drawing%20(6).png') 5 fill round;
}
#april-body{
    background-image: url('https://emmyswoodlandcottage.neocities.org/backgrounds/blue-skull-background.png')
}
#april-pfp:hover{
    content: url('https://emmyswoodlandcottage.neocities.org/graphics/PageDolls/torturedApril.png');
}

.candle{
    min-width:40px;
    min-height:70px;
}
#april-overflow{
  border: 10px solid transparent;
  border-image: url(https://emmyswoodlandcottage.neocities.org/borders/blacklace.png) 14 round;
  background-color:black;
  border-image-outset: 10px; 
  color:white;
}
/* Bethany */
#bethany-border{
    background-image: url('https://emmyswoodlandcottage.neocities.org/backgrounds/old-paper.png');
    border: 16px solid transparent;
    padding: 10px;
    border-image: url(https://emmyswoodlandcottage.neocities.org/borders/vines2.png) 16 round;
}
#bethany-body{
    background-image: url('https://emmyswoodlandcottage.neocities.org/backgrounds/wallpaper.png')
}
#bethany-pfp:hover{
    content: url('https://emmyswoodlandcottage.neocities.org/graphics/PageDolls/biblicallyAccurateBethany.png');
}
.apple{
    max-width:65px;
    max-height:69px;
}
#bethany-overflow{
  border-width: 9px;
   border-style: solid;
   border-image: url( 'https://emmyswoodlandcottage.neocities.org/borders/IMG_6895.png' ) 9 fill round;
}
/* Carson */
#carson-border{
    border-width: 9px;
    border-style: solid;
    border-image: url( 'https://emmyswoodlandcottage.neocities.org/borders/stitched.png') 5 fill round;
}
#carson-body{
    color:white;
    background-image: none;
    background-color:black;
}
#carson-pfp:hover{
    content: url('https://emmyswoodlandcottage.neocities.org/graphics/PageDolls/forestCarson.png');
}
#carson-overflow{
  border: 16px solid transparent;
  border-image: url(https://emmyswoodlandcottage.neocities.org/borders/barbed%20wire%20ig.png) 14 round;
}
/* Gabriel */
#gabriel-border{
    border-image: url( 'https://emmyswoodlandcottage.neocities.org/borders/idek.png') 8 fill round;
}
#gabriel-body{
    background-image: url('https://emmyswoodlandcottage.neocities.org/backgrounds/circus-vibe-cerulean-blue-and-white-vertical-strip.png')
}
#gabriel-pfp:hover{
    content: url('https://emmyswoodlandcottage.neocities.org/graphics/PageDolls/humanGabriel.png');
}
#gabriel-overflow{
  border-width: 9px;
   border-style: solid;
 border-image: url( 'https://emmyswoodlandcottage.neocities.org/borders/idekBlue.png') 8 fill round; 
}
@media (max-width: 880px) {
    main {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas:
    "left"
    "right";
    overflow: auto;
}
.pfp{
  display: flex;
  width: clamp(150px, 50%, 415px);
  height: auto;
}
.music{
  display: flex;
  width: clamp(50px, 50%, 100px);
  height: auto;
}
}