body {
 
  background-color: #FEE3EC;
  font-family: Arial;
  font-size: 12px;
  padding: 5px;
  }

h1 {
  font-size: 6em;
  }

h2 {
   font-size: 3em;
}

a {
  font-size: 15px;
  text-decoration: none;}
   a:link {color: #5fa1e7;}
   a:visited {color: #4ab9a3;}
   
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}   

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #F9C5D5; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #F999B7; 
  border-radius: 10px;
}


::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
display: block;
background-color: transparent;
}

#header {
    position: absolute;
    top: 10px;
    left: 250px;
    height: 130px;
    width: 540px;
    }

#content {
    position: absolute;
    background-color: white;
    width: 590px;
    height: 590px;
    top: 150px;
    left: 200px;
    overflow: auto;
    border-style: solid;
    border-color: #F2789F;
    border-radius: 25px;
    }
   
#sidecard {
     position: absolute;
     width: 200px;
     height: 500px;
     left: 850px;
     top: 150px;
     background-color: white;
     overflow: auto;
     border-style: solid;
     border-color: #F2789F;
     border-radius: 25px;
   }
   
#pagedoll {
    position: absolute;
    right: 380px;
    }  
    
#buttons {
    position: absolute;
    width: 200px;
    height: 300px;
    left: 850px;
    top: 550px;
    background-color: white;
    overflow: auto;
    border-style: solid;
    border-color: #F2789F;
    border-radius: 25px;
}

.pinktext {
   color: #FFC0CB;
   text-shadow: -1px 0px #FF69B4, 0px 1px #FF69B4, 1px 0px #FF69B4, 0px -1px #FF69B4;
   font-family: DynaPuff;
   }
   
.imagecard {
   height: 300px;
   width: 200px;
   background-color: #ffffff;
   justify-content: center; 
   margin-left: 10px;
   margin-right: 10px; }
   
.gallery {
   display: inline;
   background-color: #ffffff; }