body{
  background: url(image/graphics/backgrounds/clover1.png);
}
.wrapper {
position:absolute;
width:99%;
height:800px;
margin-right:auto;
margin-left:auto;
margin-top:60px;
}
.container {
  background:transparent;
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
}
.memonote-blue, .memonote-green, .memonote-orange, .memonote-pink, .memonote-purple{
  width:300px;
  height:fit-content;
  padding:55px;
font-family: "Outfit", sans-serif;
color: #47361f;
}
.memonote-blue {
  background:url(image/graphics/backgrounds/dot_blue.png);
    background-size: cover;
  transform: rotate(-2deg);
}
.memonote-green {
  background:url(image/graphics/backgrounds/dot_green.png);
  background-size: cover;
  transform: rotate(2deg);
}
.memonote-orange {
  background:url(image/graphics/backgrounds/dot_orange.png);
  background-size: cover;
  transform: rotate(-3deg);
}
.memonote-pink {
  background:url(image/graphics/backgrounds/dot_pink.png);
  background-size: cover;
  height:fit-content;
  padding:55px;
  transform: rotate(3deg);
}
.memonote-purple {
  background:url(image/graphics/backgrounds/dot_purple.png);
    background-size: cover;
  transform: rotate(2deg);
}
.inner {
  height: 270px;
  overflow:auto;
  box-sizing: border-box; 
}
.title, .landing-title, .homepage-title, .about-title, .blog-title, .medialog-title, .gallery-title, .credits-title, .bookmarks-title, .note-title {
color:#ff6ead;
text-decoration: underline wavy #ffd336;
text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
font-size:2.9em;
font-family: CORP_ROUND_V1;
z-index:1;
position:absolute;
margin-top:-50px;
}
@font-face { 
font-family: CORP_ROUND_V1;
src: url(https://file.garden/Zq4JFSM4zCwoO303/material/fonts/CORP_ROUND_V1.TTF);
}
.go-back {
width:200px;
border-radius:40px;
border: 2px solid #FFFFFF;
text-align: center;
background: linear-gradient(to bottom,  rgba(254,232,237,1) 0%,rgba(254,196,214,1) 50%,rgba(255,235,241,1) 100%);
-webkit-box-shadow: 0px 0px 3px 1px rgba(219,151,183,0.86); 
box-shadow: 0px 0px 3px 1px rgba(219,151,183,0.86);
text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
font-size: 1.0em;
margin-top:-50px;
font-family: CORP_ROUND_V1;
padding:8px;
}
.landing-title {
margin-top:-53px;
left:90px;
}
.homepage-title {
margin-top:-56px;
left:60px;
}
.about-title {
margin-top:-68px;
left:110px;
transform: rotate(-1deg);
}
.blog-title {
margin-top:-56px;
left:130px;
transform: rotate(-3deg);
}
.medialog-title {
margin-top:-56px;
left:80px;
transform: rotate(-1deg);
}
.gallery-title {
margin-top:-56px;
left:100px;
transform: rotate(-1deg);
}
.credits-title {
margin-top:-56px;
left:130px;
}
.bookmarks-title {
margin-top:-56px;
left:61px;
transform: rotate(1deg);
}
.note-title {
margin-top:-56px;
left:120px;
transform: rotate(-2deg);
}
a {
  color:#ff6ead;
  text-decoration: none;
  text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}
a:hover {
  color:#55bdfa;
}
::selection {
  color: #61a334;
  background: transparent;
  text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}
/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: none;
    scrollbar-color: #8f54a0 #ffffff;
  }

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

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

  *::-webkit-scrollbar-thumb {
    background-color: #8f54a0;
    border-radius: 10px;
    border: 3px solid #ffffff;
  }