@import url("https://fonts.googleapis.com/css2?family=Mali&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sacramento&display=swap");

* {
  box-sizing: border-box;
}
body {
  width: 800px;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-family: "Mali", cursive;
  color: #555;
  background: url(/images/sozai/pink-pink3-diamond-bg.png) repeat;
  background-attachment: fixed;
  padding-top: 75px;
}

h1 {
  font-family: "Sacramento", cursive;
  color: #e398bc;
  text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
  text-align: center;
  margin: 0;
  font-size: 75px;
  position: absolute;
  top: 35px;
  z-index: 999;
}
h2 {
  text-align: center;
  box-shadow: 5px 5px 5px #ccc;
  color: white;
  text-shadow: 1px 1px 1px #555, 1px 1px 1px #555;
  letter-spacing: 5px;
  background: #f5d0e2;
  padding: 5px;
}

#lace {
  position: relative;
  z-index: 998;
  width: 100%;
  background-image: url(/images/giftstoplace.gif);
  background-repeat: repeat-x;
  height: 102px;
  filter: drop-shadow(0 0 2px #ffdef0);
  margin: 0;
}

.header {
  box-shadow: #ccc 5px 5px 5px;
  background: url(/images/sozai/pink-pink3-diamond-bg.png);
  background-size: 25%;
}

.container {
  border-radius: 15px;
  border: 1px solid #e398bc;
  height: 1000px;
  width: 800px;
  background: #ffffff90;
  overflow: hidden;
}

.blurb {
  margin: 25px;
  border-radius: 25px;
  border: 1px solid white;
  height: 800px;
  width: 300px;
  float: left;
  background: white;
  padding: 25px;
  overflow: hidden;
}

.blurb p {
  text-align: justify;
  text-shadow: 0px 0px 3px #fac1e1, 0px 0px 5px #fac1e1;
  color: #bd6088;
}

.gift-container {
  overflow: auto;
  height: 850px;
  margin-top: -25px;
}
.gift {
  border: 1px solid #ededed;
  box-shadow: #ededed90 20px 20px 20px;
  margin: 25px;
  width: 300px;
  height: 300px;
  background: white;
  float: left;
  text-align: center;
}

.gift img {
  width: 225px;
  height: 225px;
  margin-top: 30px;
  box-shadow: #ccc 5px 5px 5px;
  filter: hue-rotate(330deg);
}

.gift img:hover{
  cursor: crosshair;
  filter: saturate(100%);
  transition: 0.5s;
}

footer {
  text-align: center;
}

a {
  text-decoration: none;
  color: #8a546e;
}

a:hover {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  color: hotpink;
  transition: 0.5s;
}

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

*::-webkit-scrollbar-track {
  border-radius: 2px;
  border: 1px dotted #e6aac5;
  background: #fff;
}

*::-webkit-scrollbar-thumb {
  background: url(/images/sozai/pink-pink3-diamond-bg.png) repeat;
  background-size: 60px;
  border-radius: 2px;
  border: 1px dotted #e6aac5;
}

::-moz-selection {
  color: #fff;
  background: #de6a95;
}

::selection {
  color: #fff;
  background: #e8bed2;
}