/* cursor from https://www.cursors-4u.com */ * {cursor: url(https://ani.cursors-4u.net/nature/nat-11/nat1047.cur), default !important;}

/*fonts */
@font-face {
  font-family: 'Quiet Meows';
  src: url('fonts/Quiet Meows.ttf') format('truetype');
}
@font-face {
font-family: 'lovely';
src: url(https://dl.dropbox.com/s/xde2bkhiie1bm8r/LovelyRegular.ttf);
}
@font-face {
  font-family: 'Zain Regular';
  src: url('fonts/Zain-Regular.ttf') format('truetype');
} 
@font-face {                  
font-family: 'Tangerine Regular';
src: url(fonts/Tangerine-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Angelic Alchemy';
  src: url('fonts/AngelicAlchemy.ttf') format('truetype');
} 

h1 {
  text-align: center;
  font-family: 'Angelic Alchemy', sans-serif;
}
body {
  text-align: justify;
  background-image: url('pics/plaid-baby-blue.jpg');
  color: black;
  min-height: 100vh;
  font-size: 30px;
}
.indexbox {
  background-color: white;
  width: 500px;
  height: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  padding: 10px;
  overflow:scroll;
  border-width: 7px;
border-style: solid;
border-image: url("https://i.imgur.com/FsgoCPW.png") 7 fill round;       
 font-family: 'Tangerine Regular';  
 scrollbar-width: none;
}

link {
        position: relative;
        transition: clip-path 275ms ease;
      }

      .link:hover span::before,
      .link:focus span::before {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
      }

      .link span {
        position: relative;
        display: inline-block;
      }

      .link span::before {
        position: absolute;
        content: attr(data-content);
        text-decoration: underline;
        clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
        transition: clip-path 275ms ease;
      }

      span.dashed::before {
        text-decoration-style: dashed;
      }
.link{
  color:#c25b9a
}
.link:visited{
  color:#c25b9a;
}


@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);
}}
 
#image02{
animation: heart 1.5s ease infinite;
filter: drop-shadow(1px 1px 0 #edf9fc)
          drop-shadow(-1px 1px 0 #edf9fc) 
          drop-shadow(0 2px 0 #edf9fc) 
          drop-shadow(0 -1px 0 #edf9fc) 
          drop-shadow(0 1px 1.5px #edf9fc) 
          drop-shadow(0 -1px 1.5px #edf9fc) 
          drop-shadow(1px -1px 1.5px #edf9fc) 
          drop-shadow(-1px -1px 1.5px #edf9fc);
}