You Are Not Alone

dabblet.css

/* You Are Not Alone */

.linksPosted {
  display: none;
}
.countsWarning {
  display: none;
}

html {
  background-position: center center;
  background: url(https://i.postimg.cc/k58gTtWF/Apple-Orchard.png) 0% 0% fixed;
  background-size: cover;
  overflow-x: hidden;
  background-attachment: fixed;
}

body {
  cursor: url("https://i.postimg.cc/jSd0T8w4/Cast-Before-Cursor.png"),
    url("https://i.postimg.cc/jSd0T8w4/Cast-Before-Cursor.png"), auto !important;
}

.affirmations:after {
  position: fixed;
  width: 50%;
  height: 50%;
  z-index: 0;
  opacity: 0;
}

.affirmations li span {
  width: 50%;
  height: 50%;
  position: fixed;
  top: 0px;
  left: 0px;
  color: transparent;
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: none;
  opacity: 0;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: imageAnimation 180s linear infinite 0s;
  animation: imageAnimation 180s linear infinite 0s;
}

.affirmations li div {
  z-index: 1000;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  text-align: left;
  opacity: 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.affirmations li:nth-child(1) span {
  background-image: url(https://i.postimg.cc/KjBbHxcz/Today-Is-Going-To-Be.png);
  background-repeat: no-repeat;
  background-size: 541px 216px;
  left: 60%;
  top: -5%;
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
}

.affirmations li:nth-child(2) span {
  background-image: url(https://i.postimg.cc/tCdydqmv/You-Are-Not-Alone.png);
  background-repeat: no-repeat;
  background-size: 318px 194px;
  left: -15%;
  top: 45%;
  -webkit-animation-delay: 20s;
  animation-delay: 20s;
}

.affirmations li:nth-child(3) span {
  background-image: url(https://i.postimg.cc/7PFYMQPh/I-am-in-control.png);
  background-repeat: no-repeat;
  background-size: 504px 216px;
  left: 54%;
  top: 45%;
  -webkit-animation-delay: 30s;
  animation-delay: 30s;
}

.affirmations li:nth-child(4) span {
  background-image: url(https://i.postimg.cc/tCGpVZDV/What-Can-I-Do.png);
  background-repeat: no-repeat;
  background-size: 511px 203px;
  left: 2%;
  top: 32%;
  -webkit-animation-delay: 40s;
  animation-delay: 40s;
}

.affirmations li:nth-child(5) span {
  background-image: url(https://i.postimg.cc/SxqSH2Mp/I-Am-Allowed.png);
  background-repeat: no-repeat;
  background-size: 633px 216px;
  left: 60%;
  top: -8%;
  -webkit-animation-delay: 50s;
  animation-delay: 50s;
}

.affirmations li:nth-child(6) span {
  background-image: url(https://i.postimg.cc/W3Qj8hvC/This-is-NOT.png);
  background-repeat: no-repeat;
  background-size: 389px 215px;
  left: -15%;
  top: -5%;
  -webkit-animation-delay: 60s;
  animation-delay: 60s;
}

.affirmations li:nth-child(7) span {
  background-image: url(https://i.postimg.cc/Hn7Rk2FP/I-Am-Strong.png);
  background-repeat: no-repeat;
  background-size: 419px 139px;
  left: 57%;
  top: 62%;
  -webkit-animation-delay: 70s;
  animation-delay: 70s;
}

.affirmations li:nth-child(8) span {
  background-image: url(https://i.postimg.cc/c1gL3NSP/I-am-Here-For-You.png);
  background-repeat: no-repeat;
  background-size: 366px 191px;
  left: 10%;
  top: 20%;
  -webkit-animation-delay: 80s;
  animation-delay: 80s;
}

.affirmations li:nth-child(9) span {
  background-image: url(https://i.postimg.cc/YjKVGFH2/I-Can-Do-This.png);
  background-repeat: no-repeat;
  background-size: 469px 130px;
  left: 58%;
  top: 42%;
  -webkit-animation-delay: 90s;
  animation-delay: 90s;
}

.affirmations :nth-child(10) span {
  background-image: url(https://i.postimg.cc/3wxKJs1S/I-choose-not-to.png);
  background-repeat: no-repeat;
  background-size: 745px 297px;
  left: 60%;
  top: -10%;
  -webkit-animation-delay: 100s;
  animation-delay: 100s;
}

.affirmations li:nth-child(11) span {
  background-image: url(https://i.postimg.cc/GmcRqWWL/Your-Life-Makes.png);
  background-repeat: no-repeat;
  background-size: 637px 211px;
  left: -10%;
  top: 22%;
  -webkit-animation-delay: 110s;
  animation-delay: 110s;
}

.affirmations li:nth-child(12) span {
  background-image: url(https://i.postimg.cc/qvLJrJs6/I-Feel-Stronger.png);
  background-repeat: no-repeat;
  background-size: 668px 216px;
  left: 58%;
  top: 50%;
  -webkit-animation-delay: 120s;
  animation-delay: 120s;
}

.affirmations li:nth-child(13) span {
  background-image: url(https://i.postimg.cc/gJwm33f3/I-m-Just-A-Call.png);
  background-repeat: no-repeat;
  background-size: 487px 205px;
  left: -10%;
  top: 40%;
  -webkit-animation-delay: 130s;
  animation-delay: 130s;
}

.affirmations li:nth-child(14) span {
  background-image: url(https://i.postimg.cc/L6j4yBhT/I-Love-Myself.png);
  background-repeat: no-repeat;
  background-size: 495px 229px;
  left: 45%;
  top: 15%;
  -webkit-animation-delay: 140s;
  animation-delay: 140s;
}

.affirmations li:nth-child(15) span {
  background-image: url(https://i.postimg.cc/zDgqBSwr/We-Will-Ride.png);
  background-repeat: no-repeat;
  background-size: 569px 208px;
  left: -4%;
  top: 25%;
  -webkit-animation-delay: 150s;
  animation-delay: 150s;
}

.affirmations li:nth-child(16) span {
  background-image: url(https://i.postimg.cc/Dzp7WxY2/I-Trust-My-Higher-Self.png);
  background-repeat: no-repeat;
  background-size: 599px 296px;
  left: 48%;
  top: 50%;
  -webkit-animation-delay: 160s;
  animation-delay: 160s;
}

@-webkit-keyframes imageAnimation {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: ease-in;
  }
  8% {
    opacity: 1;
    -webkit-transform: scale(0.95);
    -webkit-animation-timing-function: ease-out;
  }
  17% {
    opacity: 1;
    -webkit-transform: scale(0.95) rotate(3deg);
  }
  25% {
    opacity: 0;
    -webkit-transform: scale(0.95) rotate(3deg);
  }
  100% {
    opacity: 0;
  }
}

@keyframes imageAnimation {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  8% {
    opacity: 1;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  17% {
    opacity: 1;
    -webkit-transform: scale(0.8) rotate(-3deg);
    transform: scale(0.8) rotate(-3deg);
  }
  25% {
    opacity: 0;
    -webkit-transform: scale(0.85) rotate(-3deg);
    transform: scale(0.85) rotate(-3deg);
  }
  100% {
    opacity: 0;
  }
}

.left_pic {
  background: url(https://i.postimg.cc/3wBX9Zzm/Cell-Phone-Blue-Clean-Screen.png)
    0% 0%/100% no-repeat;
  position: fixed;
  top: 10%;
  left: 0%;
  width: 450px;
  height: 800px;
  -webkit-transform: rotate(-2deg);
}

.right_pic {
  background: url(https://i.postimg.cc/R091cYpv/Cell-Phone-Black-Clean-Screen.png)
    0% 0%/100% no-repeat;
  position: fixed;
  top: 10%;
  left: 75%;
  width: 450px;
  height: 800px;
  -webkit-transform: rotate(2deg);
}

.content p {
  position: fixed;
  top: 28%;
  left: 3.2%;
  opacity: 0;
  font: bold 16px Nanum Gothic Coding;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
}

.content p:nth-child(1) {
  position: fixed;
  top: 28%;
  left: 3.2%;
  -webkit-transform: rotate(-2deg);
  width: 16em;
  -webkit-animation: type2 3s steps(29, end);
  animation: type2 3s steps(29, end);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.content p:nth-child(2) {
  position: fixed;
  top: 31%;
  left: 3.2%;
  -webkit-transform: rotate(-2deg);
  width: 16em;
  -webkit-animation: type2 3s steps(21, end);
  animation: type2 3s steps(21, end);
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.content p:nth-child(3) {
  position: fixed;
  top: 34%;
  left: 3.2%;
  width: 16em;
  -webkit-transform: rotate(-2deg);
  -webkit-animation: type2 3s steps(18, end);
  animation: type2 3s steps(18, end);
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.content p:nth-child(4) {
  position: fixed;
  top: 28%;
  left: 79%;
  -webkit-transform: rotate(2deg);
  width: 16em;
  -webkit-animation: type2 3s steps(40, end);
  animation: type2 3s steps(40, end);
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.content p:nth-child(5) {
  position: fixed;
  top: 31%;
  left: 79%;
  -webkit-transform: rotate(2deg);
  width: 16em;
  -webkit-animation: type2 3s steps(40, end);
  animation: type2 3s steps(40, end);
  -webkit-animation-delay: 12s;
  animation-delay: 12s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.content p:nth-child(6) {
  position: fixed;
  top: 34%;
  left: 79%;
  -webkit-transform: rotate(2deg);
  width: 16em;
  -webkit-animation: type2 3s steps(40, end);
  animation: type2 3s steps(40, end);
  -webkit-animation-delay: 15s;
  animation-delay: 15;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.content p:nth-child(7) {
  position: fixed;
  top: 37%;
  left: 3.2%;
  -webkit-transform: rotate(-2deg);
  width: 16em;
  -webkit-animation: type2 3s steps(40, end);
  animation: type2 3s steps(40, end);
  -webkit-animation-delay: 18s;
  animation-delay: 18s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.content p:nth-child(8) {
  position: fixed;
  top: 37%;
  left: 79%;
  -webkit-transform: rotate(2deg);
  width: 16em;
  -webkit-animation: type2 3s steps(40, end);
  animation: type2 3s steps(40, end);
  -webkit-animation-delay: 21s;
  animation-delay: 21s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.content p:nth-child(9) {
  position: fixed;
  top: 40%;
  left: 79%;
  -webkit-transform: rotate(2deg);
  width: 16em;
  -webkit-animation: type2 3s steps(40, end);
  animation: type2 3s steps(40, end);
  -webkit-animation-delay: 24s;
  animation-delay: 24s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.content p:nth-child(10) {
  position: fixed;
  top: 40%;
  left: 3.2%;
  -webkit-transform: rotate(-2deg);
  width: 16em;
  -webkit-animation: type2 3s steps(40, end);
  animation: type2 3s steps(40, end);
  -webkit-animation-delay: 27s;
  animation-delay: 27s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.content p:nth-child(11) {
  position: fixed;
  top: 43%;
  left: 3.2%;
  -webkit-transform: rotate(-2deg);
  width: 16em;
  -webkit-animation: type2 3s steps(40, end);
  animation: type2 3s steps(40, end);
  -webkit-animation-delay: 30s;
  animation-delay: 30s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.content p:nth-child(12) {
  position: fixed;
  top: 43%;
  left: 79%;
  -webkit-transform: rotate(2deg);
  width: 16em;
  -webkit-animation: type2 3s steps(40, end);
  animation: type2 3s steps(40, end);
  -webkit-animation-delay: 33s;
  animation-delay: 33s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.content p:nth-child(13) {
  position: fixed;
  top: 46%;
  left: 79%;
  -webkit-transform: rotate(2deg);
  width: 16em;
  -webkit-animation: type2 3s steps(40, end);
  animation: type2 3s steps(40, end);
  -webkit-animation-delay: 36s;
  animation-delay: 36s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.content p:nth-child(14) {
  position: fixed;
  top: 46%;
  left: 3.2%;
  -webkit-transform: rotate(-2deg);
  width: 16em;
  -webkit-animation: type2 3s steps(40, end);
  animation: type2 3s steps(40, end);
  -webkit-animation-delay: 39s;
  animation-delay: 39s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.content p:nth-child(15) {
  position: fixed;
  top: 49%;
  left: 3.2%;
  -webkit-transform: rotate(-2deg);
  width: 16em;
  -webkit-animation: type2 3s steps(40, end);
  animation: type2 3s steps(40, end);
  -webkit-animation-delay: 42s;
  animation-delay: 42s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.content p:nth-child(16) {
  position: fixed;
  top: 52%;
  left: 3.2%;
  -webkit-transform: rotate(-2deg);
  width: 16em;
  -webkit-animation: type2 3s steps(40, end);
  animation: type2 3s steps(40, end);
  -webkit-animation-delay: 45s;
  animation-delay: 45s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.content p:nth-child(17) {
  position: fixed;
  top: 49%;
  left: 79%;
  -webkit-transform: rotate(2deg);
  width: 16em;
  -webkit-animation: type2 3s steps(40, end);
  animation: type2 3s steps(40, end);
  -webkit-animation-delay: 48s;
  animation-delay: 48s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.content p:nth-child(18) {
  position: fixed;
  top: 52%;
  left: 79%;
  -webkit-transform: rotate(2deg);
  width: 16em;
  -webkit-animation: type2 3s steps(40, end);
  animation: type2 3s steps(40, end);
  -webkit-animation-delay: 51s;
  animation-delay: 51s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.content p:nth-child(19) {
  position: fixed;
  top: 55%;
  left: 3.2%;
  -webkit-transform: rotate(-2deg);
  width: 16em;
  -webkit-animation: type2 3s steps(40, end);
  animation: type2 3s steps(40, end);
  -webkit-animation-delay: 55s;
  animation-delay: 55s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.content p:nth-child(20) {
  position: fixed;
  top: 58%;
  left: 3.2%;
  -webkit-transform: rotate(-2deg);
  width: 16em;
  -webkit-animation: type3 3s steps(40, end);
  animation: type3 3s steps(40, end);
  -webkit-animation-delay: 59s;
  animation-delay: 59s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.content p:nth-child(21) {
  position: fixed;
  top: 55%;
  left: 79%;
  -webkit-transform: rotate(2deg);
  width: 16em;
  -webkit-animation: type2 3s steps(40, end);
  animation: type2 3s steps(40, end);
  -webkit-animation-delay: 64s;
  animation-delay: 64s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@keyframes type {
  0% {
    width: 0;
  }
  99.9% {
    border-right: ;
  }
  100% {
    border: none;
  }
}
@-webkit-keyframes type {
  0% {
    width: 0;
  }
  99.9% {
    border-right: ;
  }
  100% {
    border: none;
  }
}

@keyframes type2 {
  0% {
    width: 0;
  }
  1% {
    opacity: 0.5;
  }
  99.9% {
    border-right: ;
  }
  100% {
    opacity: 1;
    border: none;
  }
}

@-webkit-keyframes type2 {
  0% {
    width: 0;
  }
  1% {
    opacity: 0.5;
  }
  99.9% {
    border-right: ;
  }
  100% {
    opacity: 1;
    border: none;
  }
}
@keyframes type3 {
  0% {
    width: 0;
  }
  1% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes type3 {
  0% {
    width: 0;
  }
  1% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.linksTable {
  position: relative;
  margin: 0 auto;
  margin-top: -40px;
  padding: 10px 10px;
  border-spacing: 0 50px;
  table-layout: fixed;
  width: 570px;
}

.linksSubTable {
  background: rgba(176, 224, 230, 0.4);
  position: relative;
  padding: 30px 15px;
  width: 350px;
  border-radius: 50px 0px 50px 0px;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 70px;
  margin-left: -365px;
  transition: all 0.5s ease-in-out;
}

.linksSubTable td {
  border: 0px #dfbc76;
}

.linksSubTable:hover {
  background: rgba(176, 224, 230, 0.4);
  position: relative;
  padding: 30px 15px;
  width: 350px;
  border-radius: 0px 50px 0px 50px;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 70px;
  margin-left: -365px;
  transition: all 0.5s ease-in-out;
}

.linkImage {
  position: relative;
  background: url(https://i.postimg.cc/Kvv68C9X/Blue-Sky.png) 50%/150% no-repeat;
  height: 95px;
  width: 95px;
  top: 100px;
  right: 10px;
  margin-left: 55px;
  padding: 8px 8px;
  display: inline-block;
  border: 6px ridge;
  box-shadow: 0px 0px 0px 2px rgba(176, 224, 230, 0.4),
    0px 0px 2px 4px rgba(176, 224, 230, 0.4),
    0px 0px 0px 6px rgba(176, 224, 230, 0.4), 0px 0px 0px 8px #606060,
    0px 0px 0px 0px #808080, 0px 0px 0px 0px #999999;
  animation: shape-shifter 10s 2s infinite cubic-bezier(1, 0.015, 0.295, 1.225)
    alternate;
}

@keyframes shape-shifter {
  0% {
    border-radius: 50px 0px 50px 0px;
  }
  100% {
    border-radius: 0px 50px 00px 50px;
  }
}

.linkImageTD {
  position: relative;
  vertical-align: top;
  width: 100%;
  border-width: 20px 20px 20px 20px;
  padding: 0px;
}

.linkName:first-letter {
  font: 36px Macondo;
  color: #070b0e;
  line-height: 56px;
}

.linkName {
  position: relative;
  text-align: left;
  top: -100px;
  padding: 10px 10px 0px 15px;
  display: inline-block;
  left: 100px;
  width: 650px;
  font: bold 26px Macondo, cursive;
  line-height: 70px;
  color: #444ca5;
  font-variant: small-caps;
  letter-spacing: 1px;
  text-shadow: 0 1px #808d93, -1px 0 #cdd2d5, -1px 2px #808d93, -2px 1px #cdd2d5,
    -2px 3px #808d93, -3px 2px #cdd2d5, -3px 4px #808d93, -4px 3px #cdd2d5,
    -4px 5px #808d93;
  z-index: 1;
  -webkit-animation: escape 8s linear infinite;
  -moz-animation: escape 8s linear infinite;
  -o-animation: escape 8s linear infinite;
  -ms-animation: escape 8s linear infinite;
  animation: escape 8s linear infinite;
}

@-webkit-keyframes escape {
  0% {
    -webkit-transform: translateX(-0px) rotateX(0);
  }
  50% {
    -webkit-transform: translateX(80px) rotateX(0);
  }
  100% {
    -webkit-transform: translateX(-0px) rotateY(0);
  }
}

@-moz-keyframes escape {
  0% {
    -moz-transform: translateX(-0px) rotateX(0);
  }
  50% {
    -moz-transform: translateX(80px) rotateX(0);
  }
  100% {
    -moz-transform: translateX(-0px) rotateX(0);
  }
}

@-o-keyframes escape {
  0% {
    -o-transform: translateX(-0px) rotateX(0);
  }
  50% {
    -o-transform: translateX(80px) rotateX(0);
  }
  100% {
    -o-transform: translateX(-0px) rotateX(0);
  }
}

@-ms-keyframes escape {
  0% {
    -ms-transform: translateX(-0px) rotateX(0);
  }
  50% {
    -ms-transform: translateX(80px) rotateX(0);
  }
  100% {
    -ms-transform: translateX(-0px) rotateX(0);
  }
}

@keyframes escape {
  0% {
    transform: translateX(-0px) rotateX(0);
  }
  50% {
    transform: translateX(80px) rotateX(0);
  }
  100% {
    transform: translateX(-0px) rotateX(0);
  }
}

.linkClick {
  color: #070b0e;
  background: none;
  font: bold 18px Macondo;
  padding: 10px 10px 0 0px;
  letter-spacing: 0.05em;
  text-align: right;
  text-shadow: 0 1px #808d93, -1px 0 #cdd2d5, -1px 2px #808d93, -2px 1px #cdd2d5,
    -2px 3px #808d93, -3px 2px #cdd2d5, -3px 4px #808d93, -4px 3px #cdd2d5,
    -4px 5px #808d93;
  -webkit-animation: vibrate-1 2s linear infinite alternate-reverse both;
  animation: vibrate-1 2s linear infinite alternate-reverse both;
}

.linkNumber {
  color: #070b0e;
  font: bold 36px Macondo;
  letter-spacing: 0em;
  padding: 10px 10px 0 0px;
  text-align: left;
  text-shadow: 0 1px #808d93, -1px 0 #cdd2d5, -1px 2px #808d93, -2px 1px #cdd2d5,
    -2px 3px #808d93, -3px 2px #cdd2d5, -3px 4px #808d93, -4px 3px #cdd2d5,
    -4px 5px #808d93;
  -webkit-animation: vibrate-1 5s infinite;
  animation: vibrate-1 5s infinite;
}

@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}

@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}

.aLink {
  text-align: center;
  padding: 0px 10px;
  font: bold 36px Kaushan Script;
  text-decoration: none;
  color: #444ca5;
  text-shadow: 0 1px #808d93, -1px 0 #cdd2d5, -1px 2px #808d93, -2px 1px #cdd2d5,
    -2px 3px #808d93, -3px 2px #cdd2d5, -3px 4px #808d93, -4px 3px #cdd2d5,
    -4px 5px #808d93;
  display: inline-block;
  letter-spacing: 2px;
  width: 75px;
  height: 25px;
  -webkit-animation: vibrate-1 1s infinite;
  animation: vibrate-1 1s infinite;
  transition: all 0.2s ease-in-out;
 cursor: url("https://i.postimg.cc/xTPDWrCd/Cast-After-Cursor.png"), progress !important;

}

.aLink:visited {
  color: #808f9b;
}

.aLink:hover {
  padding: 0px 10px;
  text-align: center;
  font: bold 36px Kaushan Script;
  color: #070b0e;
  letter-spacing: 6px;
  transition: all 0.2s ease-in-out;
}

::-webkit-scrollbar-button:start:decrement {
  background: url(https://i.postimg.cc/6QZ9NBYC/Arrow-Up.png) 50% 50%/80% auto
      no-repeat,
    #444ca5;
  height: 60px;
  border-width: 0 0 0px 2px;
  border-style: solid;
  border-color: #070b0e;
  box-shadow: inset 0px 0px 22px 2px #fff;
}

::-webkit-scrollbar-button:end:increment {
  background: url(https://i.postimg.cc/qvSkYNXk/Arrow-Down.png) 50% 50%/80% auto
      no-repeat,
    #444ca5;
  height: 60px;
  border-width: 0 0 0px 2px;
  border-style: solid;
  border-color: #070b0e;
  box-shadow: inset 0px 0px 22px 2px #fff;
}

::-webkit-scrollbar {
  width: 35px;
}

::-webkit-scrollbar-track {
  background: #444ca5;
  border-width: 0 0 0 2px;
  border-style: solid;
  border-color: #070b0e;
  border-image: url() 10 round;
  box-shadow: inset 0px 0px 22px 2px #fff;
}

::-webkit-scrollbar-thumb {
  background: url(https://i.postimg.cc/yYf6mQD3/SadFace.png) 50% 50%/100% auto
    no-repeat;
  width: 35px;
  height: 65px;
}

::-webkit-scrollbar-thumb:hover {
  background: url(https://i.postimg.cc/mkgjKqkx/Happy-Face.png) 50% 50%/100%
    no-repeat;
  width: 35px;
  height: 65px;
}

/* DESIGNER CREDIT BOX */

.FBX-Design-Studio {
  background: url(https://i.postimg.cc/Kvv68C9X/Blue-Sky.png) 0% 0%/100%
    no-repeat;
  opacity: 0.75;
  position: relative;
  top: -20px;
  width: 450px;
  height: 450px;
  left: 20px;
  padding: 30px 30px;
  margin: 10px auto;
  font: bold 29px Kavivanar;
  color: #fff;
  line-height: 5px;
  border: 6px ridge;
  box-shadow: 0px 0px 0px 2px rgba(176, 224, 230, 0.4),
    0px 0px 2px 4px rgba(176, 224, 230, 0.4),
    0px 0px 0px 6px rgba(176, 224, 230, 0.4), 0px 0px 0px 8px #606060,
    0px 0px 0px 0px #808080, 0px 0px 0px 0px #999999;
  animation: shape-shifter 10s 2s infinite cubic-bezier(1, 0.015, 0.295, 1.225)
    alternate;
  text-shadow: 0 1px #808d93, -1px 0 #cdd2d5, -1px 2px #808d93, -2px 1px #cdd2d5,
    -2px 3px #808d93, -3px 2px #cdd2d5, -3px 4px #808d93, -4px 3px #cdd2d5,
    -4px 5px #808d93, -5px 4px #cdd2d5, -5px 6px #808d93, -6px 5px #cdd2d5,
    -6px 7px #808d93, -7px 6px #cdd2d5, -7px 8px #808d93, -8px 7px #cdd2d5,
    0 0 20px #fefcc9;
}

.FBX-Design-Studio b {
  color: white;
  font: normal 18px Kaushan Script;
  text-decoration: none;
}

.FBX-Design-Studio a {
  color: #444ca5;
  font: normal 58px Kaushan Script;
  text-decoration: none;
  line-height: 22px;
}

.FBX-Design-Studio a:hover {
  color: #070b0e;
  text-decoration: none;
}

.FBX-Design-Studio pre {
  font: bold 24px Kavivanar;
  color: #fff;
}

dabblet.html

<link
  href="https://fonts.googleapis.com/css?family=Kaushan+Script|Kavivanar|Nanum+Gothic+Coding|Macondo" 
  rel="stylesheet"
/>
<div class="left_pic"></div>
<div class="right_pic"></div>
<ul class="affirmations">
<ul style="list-style-type:none;">
  <li><span>"Image 01"</span></li>
  <li><span>"Image 02"</span></li>
  <li><span>"Image 03"</span></li>
  <li><span>"Image 04"</span></li>
  <li><span>"Image 05"</span></li>
  <li><span>"Image 06"</span></li>
  <li><span>"Image 07"</span></li>
  <li><span>"Image 08"</span></li>
  <li><span>"Image 09"</span></li>
  <li><span>"Image 10"</span></li>
  <li><span>"Image 11"</span></li>
  <li><span>"Image 12"</span></li>
  <li><span>"Image 13"</span></li>
  <li><span>"Image 14"</span></li>
  <li><span>"Image 15"</span></li>
  <li><span>"Image 16"</span></li>

</ul>
</ul>

<div class="content">

  <p>Hey, I was thinking we should</p>

  <p>head to the lake today.</p>

  <p>What do you think?</p>

  <p>I really don't want to do</p>

  <p>anything. I'd rather just</p>

  <p>stay in today.</p>

  <p>Nightmares again??</p>

  <p>I really don't want to bother</p>

  <p>you with my problems.</p>

  <p>Dude, you're like a brother</p>

  <p>to me and I'm here for you!</p>

  <p>Seriously, it's ok. I'll get</p>

  <p>through it eventually.</p>

  <p>Look, I'm on my way over. We</p>

  <p>can just sit around and talk</p>

  <p>or whatever you need.</p>

  <p>Really, it's ok. You don't</p>

  <p>have to.</p>

  <p>I'll be there in 5 minutes.</p>

  <p>Love ya, bro!</p>

  <p>Love ya back</p>

</div>    
 
   <!-- ♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥ -->
<br /><table class="linksTable"><tr><td  class="linkImageTD"><img src="http://zynga4-a.akamaihd.net/farmville/assets/hashed/assets/trees/e1db3c3dce14a97c31a94fbc2703939f.png" class="linkImage"><br /><span class="linkName">Dawn Tree</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=642940" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=642939" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=642938" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td  class="linkImageTD"><img src="http://zynga3-a.akamaihd.net/farmville/assets/hashed/assets/trees/eeb0d1406fea4c5f813a84e60c661e85.png" class="linkImage"><br /><span class="linkName">Dusk Tree</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=642935" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=642937" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=642936" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td  class="linkImageTD"><img src="http://zynga4-a.akamaihd.net/farmville/assets/hashed/assets/trees/36f248eb09454680af7c14bff181e6bb.png" class="linkImage"><br /><span class="linkName">Loco Tree</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=642942" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=642941" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=642943" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td  class="linkImageTD"><img src="http://zynga1-a.akamaihd.net/farmville/assets/hashed/assets/trees/4f4f893881fe0b3bc78a84f820443395.png" class="linkImage"><br /><span class="linkName">Sunrise Tree</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=642933" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=642932" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=642934" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr></table></td></tr><tr><td  class="linkImageTD"><img src="http://zynga2-a.akamaihd.net/farmville/assets/hashed/assets/trees/b5745da1aac0bb3bba9996ae99b02bc4.png" class="linkImage"><br /><span class="linkName">Sunset Tree</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=642931" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=642930" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=642929" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr></table>
<br /><table class="linksTable"><tr><td  class="linkImageTD"><img src="http://zynga2-a.akamaihd.net/farmville/assets/hashed/assets/animals/19c82ca9e798011db98c12c624e3ced1.png" class="linkImage"><br /><span class="linkName">Artic Princess Unicorn Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350908" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350962" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350949" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">4.</td><td class="linkLink"><a href="clickcount.php?linkid=6350956" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">5.</td><td class="linkLink"><a href="clickcount.php?linkid=6350923" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">6.</td><td class="linkLink"><a href="clickcount.php?linkid=6350922" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">7.</td><td class="linkLink"><a href="clickcount.php?linkid=6350948" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr></table></td></tr><tr><td  class="linkImageTD"><img src="http://zynga2-a.akamaihd.net/farmville/assets/hashed/assets/animals/82ea41da9cf6bbd7b5375499717ab638.png" class="linkImage"><br /><span class="linkName">Aviator Unicorn Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350937" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350918" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350940" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">4.</td><td class="linkLink"><a href="clickcount.php?linkid=6350926" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">5.</td><td class="linkLink"><a href="clickcount.php?linkid=6350951" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">6.</td><td class="linkLink"><a href="clickcount.php?linkid=6350910" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr></table></td></tr><tr><td  class="linkImageTD"><img src="http://zynga1-a.akamaihd.net/farmville/assets/hashed/assets/animals/0c9825238891b8398a3d6e623612f25d.png" class="linkImage"><br /><span class="linkName">Black Swan Pegasus Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350952" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 2 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350946" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350953" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td  class="linkImageTD"><img src="http://zynga3-a.akamaihd.net/farmville/assets/hashed/assets/animals/2bac56179f8f07118994b7c2dd6268a6.png" class="linkImage"><br /><span class="linkName">Brown Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350911" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350939" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350959" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">4.</td><td class="linkLink"><a href="clickcount.php?linkid=6350932" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">5.</td><td class="linkLink"><a href="clickcount.php?linkid=6350929" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr></table></td></tr><tr><td  class="linkImageTD"><img src="http://zynga2-a.akamaihd.net/farmville/assets/hashed/assets/animals/fe681895e3a9c91872d5ffcc4b7e4cad.png" class="linkImage"><br /><span class="linkName">Cotton Twirl Pegasus Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350916" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 2 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350941" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td  class="linkImageTD"><img src="http://zynga1-a.akamaihd.net/farmville/assets/hashed/assets/animals/f72b7780cca83debbb5e3def9f0de632.png" class="linkImage"><br /><span class="linkName">Country Ride Mare Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350917" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350944" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350935" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">4.</td><td class="linkLink"><a href="clickcount.php?linkid=6350921" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">5.</td><td class="linkLink"><a href="clickcount.php?linkid=6350957" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td  class="linkImageTD"><img src="http://zynga3-a.akamaihd.net/farmville/assets/hashed/assets/animals/8ba0945e9ce2f03b233533c96b2effbf.png" class="linkImage"><br /><span class="linkName">Dark Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350960" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td  class="linkImageTD"><img src="http://zynga3-a.akamaihd.net/farmville/assets/hashed/assets/animals/aeed7741f792e3b275bdfba5543dad3b.png" class="linkImage"><br /><span class="linkName">Dreamtime Aussie Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350933" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350928" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350914" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">4.</td><td class="linkLink"><a href="clickcount.php?linkid=6350947" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr></table></td></tr><tr><td  class="linkImageTD"><img src="http://zynga3-a.akamaihd.net/farmville/assets/hashed/assets/animals/b0989b959681627392703d10bc2bceac.png" class="linkImage"><br /><span class="linkName">Enchanted Swirl Pegacorn Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350927" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 2 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350906" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350936" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">4.</td><td class="linkLink"><a href="clickcount.php?linkid=6350942" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">5.</td><td class="linkLink"><a href="clickcount.php?linkid=6350919" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">6.</td><td class="linkLink"><a href="clickcount.php?linkid=6350961" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">7.</td><td class="linkLink"><a href="clickcount.php?linkid=6350938" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr></table></td></tr><tr><td  class="linkImageTD"><img src="http://zynga2-a.akamaihd.net/farmville/assets/hashed/assets/animals/ce3a7ef09d9428347d24c52fb7a3c30e.png" class="linkImage"><br /><span class="linkName">Floral Unicorn Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350915" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350924" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350954" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td  class="linkImageTD"><img src="http://zynga1-a.akamaihd.net/farmville/assets/hashed/assets/animals/cc2259cc86362870b349c9b069e21323.png" class="linkImage"><br /><span class="linkName">Flower Fairy Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350925" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 2 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350934" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350943" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">4.</td><td class="linkLink"><a href="clickcount.php?linkid=6350913" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td  class="linkImageTD"><img src="http://zynga3-a.akamaihd.net/farmville/assets/hashed/assets/animals/66d40c3b8f613befdd94a029e5f50fa9.png" class="linkImage"><br /><span class="linkName">Fluffly Cloudy Unicorn Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350950" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 2 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350945" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350955" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td  class="linkImageTD"><img src="http://zynga3-a.akamaihd.net/farmville/assets/hashed/assets/animals/cda2acd4aa5252146c1a86ef875948e5.png" class="linkImage"><br /><span class="linkName">Pecockicorn Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350920" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350930" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350912" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">4.</td><td class="linkLink"><a href="clickcount.php?linkid=6350907" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td  class="linkImageTD"><img src="http://zynga2-a.akamaihd.net/farmville/assets/hashed/assets/animals/ea77f9ba3e76bfddfa614007cfcc1677.png" class="linkImage"><br /><span class="linkName">Quetzal Pegasus Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350931" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 2 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350909" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350958" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr></table><br /><br />
<!-- ♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥ -->  

<center>
  <div class="FBX-Design-Studio">
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    Designed by: Topher
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <!-- Please leave this here so your friends can join -->
    <a
      href="https://www.facebook.com/groups/866167856846509/"
      title="FBX-Design-Studio"
      _target="blank"
    >
      <br />FBX Design Studio</a
    ><br /><br /><br /><br /><br /><br /><br /><br />
    <pre><small>All Layouts Are 100% Yours<br>Check Us Out & Spread The Word!</small></pre>
  </div>
  <!-- Please leave this here so your friends can join -->
</center>
<object>
  <embed
    src="https://120445703-629571636905723391.preview.editmysite.com/uploads/1/2/0/4/120445703/you_will_be_found.mp3"
    height="0"
    width="0"
  />
</object>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"result"}