/*Fade In */
   body {
            animation: fadeInAnimation ease 3s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }

#images{
    text-align:center;
}

#images a{
    margin:0px 10px;
    display:inline-block;
    text-decoration:underline;
    color:blue;
}


.body {
  text-align: center;
}



.outercontainer {
   width: 700%;
   padding-top: 3rem;
    
}
 /*   max-height: 640px;
    min-height: 100px;
    max-height:62vh */

body {
            animation: fadeInAnimation ease 3s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }

.container {
    display: block;
    background-color: #FFF7ED;
    margin: auto;
    color: #5C4D4F;
    box-shadow: 0 0 10px 10px rgba(241,239,235,1);
    text-align: center;
    max-width: 650px;
    border-radius: 20px;
    position:relative;
    max-height: 640px;
    overflow-y: auto; */
}

.toplace {
  pointer-events: none;
  width: 100%;
  height: 23px;
  position: fixed;
  right: 0px;
  top: 0px;
  background: url(../images/lace/daintywhitelacehearttop.png) repeat left top;
}

.bottomlace {
  pointer-events: none;
  width: 100%;
  height: 23px;
  position: fixed;
  right: 0px;
  bottom: 0px;
  background: url(../images/lace/daintywhitelaceheartbottom.png) repeat left top;
}
.content {
    height: 450px; 
    min-width: 70%;
    max-width: 800px; 
   max-height: 59.5vh; 
    margin: auto;
    padding: 10px 10px 10px 10px;
    overflow-y: auto;
    overflow-x: hidden; 
    
}

.pagetitle {
    font-family: Georgia, serif;
    color: #6f7973;
    text-shadow: #F1EFEB 0 0 10px;
    font-size: 2.6vw;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 27%; 
    z-index: 10;
}

@media only screen and (max-width: 899px) {
  .container {
            height:auto;
            overflow-y: auto;
                }
    .content {
            height:auto;
            overflow-y: auto;
                }
}

font-face {
  font-family: "hachi";
  src: url(https://fonts.googleapis.com/css2?family=Hachi+Maru+Pop&display=swap);
}


h2 {
    font-family: "wa";
  letter-spacing: 2px;
text-shadow: 0px 0px 1px white, 0px 0px 1px white,0px 0px 1px white,0px 0px 1px white,0px 0px 1px white,0px 0px 1px white,0px 0px 1px white,0px 0px 1px white,1px 1px 2px #555555;}
body {
    background-image: url("https://media.discordapp.net/attachments/1094667572508626965/1103155453871013968/IMG_9508.gif?width=300&height=98");
    background-color: #aebdb9;
    font-family: Magica, serif;
}

body { cursor: url("../images/cursors/cakecursordefault.png") 0 0,  default; }
a {cursor: url("../images/cursors/active.png") 0 0,  default;}

a {
  color: #ff4d6d;
  font-weight: bold;
  text-decoration: 1px wavy underline;
}

a:hover {
    color: #6A041D;
    font-style:italic;
}

@font-face {
                font-family: "Magica";
                src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);
                }
@font-face {
                font-family: "wa";
                src: url(https://dl.dropbox.com/s/xqlz6p59syect4a/rosalie.regular.otf);
                }
                #magica {
                font-family: "Magica";
                }

            body {
                font-family: 'Magica';
                font-size:22px;
                text-align: center;
                margin: 0;
                background-color: #fff0f3;
                color: #444140;
            }

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #fbdadd #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #fbdadd;
    border-radius: 10px;
    border: 2px dotted #ffffff;
  }

body {
	background-image:  url("../images/backgrounds/pinkgingham.webp");
	background-repeat: repeat;
	background-position:  center;
	}
</style>