@font-face {
  font-family:'ComicHelvetic';
  src: url(https://hugsqueeze.neocities.org/fonts/ComicHelvetic_Light.otf);
}
    
    a:link {
  color: #e5587e;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
    }
    a:visited {
  color: #cf3c79;
  background-color: transparent;
  text-decoration: none;
    }

    a:hover {
  color: #cf3c79;
  background-color: transparent;
  font-style: italic;
  cursor: url("cursor.png"), auto;
    }

    a:active {
  color: #cf3c79;
  background-color: transparent;
  font-style: italic;
    }
    
      body {
        background-image: url(pink_background.png);
        background-repeat: repeat;
        background-size: 500px;
        background-attachment: fixed;
        color: #e5587e;
        font-family: 'Comic Helvetic';
        line-height: 1.5;
        font-size:11px;
        overflow-x: hidden;
        overflow-y: hidden;
    }
    #foback {
        position: absolute;
        left: 1000px;
        transform: rotate(5deg);
        top: 0px;
        z-index: 2;
    }
    #fyback {
        position: absolute;
        left: 180px;
        top: 450px;
        z-index: 2;
    }
    #youtxt {
        width: 180px;
        position: absolute;
        transform: rotate(351deg);
        left: 245px;
        top: 530px;
        z-index: 3;
    }
    #otherstxt {
        width: 183px;
        position: absolute;
        transform: rotate(5deg);
        left: 1050px;
        top: 50px;
        z-index: 3;
    }
    #title1 {
        position: absolute;
        left: 1070px;
        transform: rotate(6deg);
        top: 8px;
        z-index: 5;
    }
    #title2 {
        position: absolute;
        left: 230px;
        transform: rotate(350deg);
        top: 480px;
        z-index: 5;
    }
    #heart1 {
        left: 390px;
        top: 430px;
        transform: rotate(15deg);
        position: absolute;
        z-index: 5;
    }
    #heart2 {
        left: 350px;
        top: 440px;
        transform: rotate(340deg);
        position: absolute;
        z-index: 5;
    }
    #spiral {
        left: 1250px;
        top: 70px;
        transform: rotate(340deg);
        position: absolute;
        z-index: 5;
    }
    #point1 {
        left: 410px;
        top: 440px;
        transform: rotate(180deg);
        position: absolute;
        z-index: 4;
    }
    #point2 {
        left: 830px;
        top: 40px;
        transform: rotate(10deg);
        position: absolute;
        z-index: 4;
    }
    #stickytape2 {
        left: 1120px;
        top: 1830px;
        transform: rotate(335deg);
        position: absolute;
        overflow: hidden;
        padding: 8px;
        z-index: 4;
    }
    #stickytape3 {
        left: 250px;
        top: 50px;
        transform: rotate(350deg);
        position: fixed;
        overflow: hidden;
        padding: 8px;
        z-index: 4;
    }
    #maincontainer {
        left: 300px;
        top: 30px;
        position: absolute;
        overflow-x: hidden;
        z-index: 1;
    }
    #right {
        width: 400px;
        height: 430px;
        left: 770px;
        top: 200px;
        position: absolute;
        overflow-y: scroll;
        overflow-x: hidden;
        padding: 8px;
        z-index: 3;
    }
    #left {
        width: 400px;
        height: 390px;
        left: 320px;
        top: 50px;
        position: absolute;
        overflow-y: scroll;
        overflow-x: hidden;
        padding: 8px;
        z-index: 3;
    }
    #backbutton {
        left: 15px;
        top: 10px;
        position: absolute;
        padding: 8px;
        z-index: 5;
    }
.larger {
        font-size: 15px;
        font-weight: bold;
        text-shadow: 1px 1px #FCF2E9;
    }
::selection {
    color: #d73485;
    background: #fcbed4;
  }
  ::-moz-selection {
    color: #d73485;
    background: #fcbed4;
  }