@font-face {
font-family:'mkpop';
src: url(https://dl.dropbox.com/s/tqk43iocmy15y4m/851MkPOP_100%20%281%29.ttf);
}
@font-face {
src: url(https://dl.dropbox.com/s/0yg7g2z7st9k0xg/Willond.ttf);
font-family: willond;
}

::selection {
/* Change highlight background color */
background: #64abe3;
/* Change highlight text color */
color: #FFFFFF;
}

a {text-decoration: none; }

body {
  background-image: url('https://neocitiesimage.carrd.co/assets/images/image34.jpg?v=8b0906ab');
  background-attachment: fixed;
  background-repeat: repeat;
  overflow: hidden;
}

@media only screen and (max-width: 500px) {
  body {
    transform: scale(0.27);
    transform-origin: top left;
    width: 500%;  
    margin: 0;
    padding: 0;
  }
}

.name {
  position: absolute;
  top: 13em;
  left: 45em;
}

.note {
  background-image: url('https://neocitiesimage.carrd.co/assets/images/image36.png?v=ca6d4369');
  background-size: cover;
  background-repeat: no-repeat;
  width: 250px;
  height: 250px;
  position: absolute;
  top: 6em;
  left: 20em;
  filter: drop-shadow(0px 8px 15px rgba(0, 0, 0, 0.3));
}

.inner-note {
  width: 200px;
  height: 160px;
  margin-left: 25px;
  margin-top: 70px;
  font-family:'mkpop';
  padding: 2px;
}

mark {
  background: none;
  color: #99b4dc;
  font-family: willond;
  font-size: 1.5em;
  filter: drop-shadow(0px 1px black) drop-shadow(0 -1px black) drop-shadow(1px 0 black) drop-shadow(-1px 0 black);
}

@keyframes heart{
0%, 12%, 25%, 50% {
transform: rotate(0deg);
}
 
55% {
transform: rotate(-2.5deg);
}
 
65% {
transform: rotate(3.5deg);
}
 
75% {
transform: rotate(-7deg);
}
 
95%, 100& {
transform: rotate(0deg);
}}

.postcard {
  background-image: url('https://neocitiesimage.carrd.co/assets/images/image39.jpg?v=f8e853e7');
  background-size: cover;
  background-repeat: no-repeat;
  width: 450px;
  height: 250px;
  position: absolute;
  top: 20em;
  left: 41em;
  filter: drop-shadow(0px 8px 15px rgba(0, 0, 0, 0.3));
}

.postcard-inner {
  width: 175px;
  height: 215px;
  margin-left: 20px;
  margin-top: 20px;
  font-family:'mkpop';
  padding: 2px;
}

.postcard-inner-2 {
  width: 215px;
  height: 115px;
  margin-left: 222px;
  margin-top: -122px;
  font-family:'mkpop';
  padding: 2px;
  z-index: 99;
}

.receipt {
  background-image:url('https://neocitiesimage.carrd.co/assets/images/image40.png?v=facd9e9b');
  background-size: cover;
  background-repeat: no-repeat;
  width: 350px;
  height: 350px;
  position: absolute;
  top: 22em;
  left: 22em;
  filter: drop-shadow(0px 8px 15px rgba(0, 0, 0, 0.3));
}

.receipt-inner {
  width: 150px;
  height: 150px;
  margin-left: 97px;
  margin-top: 50px;
  font-family:'mkpop';
  padding: 2px;
}

mark-2 {
  background: none;
  color: #F9D199;
  font-family: willond;
  font-size: 1.5em;
  filter: drop-shadow(0px 1px black) drop-shadow(0 -1px black) drop-shadow(1px 0 black) drop-shadow(-1px 0 black);
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 288px; 
  background-repeat: repeat-x;
  background-image: url('http://media.tumblr.com/tumblr_lsznmh2KnM1ql1l0v.gif');
}