/* cursor from https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/others/oth-8/oth710.cur), default !important;}

/*fonts */
@font-face {
  font-family: 'Zain Regular';
  src: url('fonts/Zain-Regular.ttf') format('truetype');
} 


h1 {
  text-align: center;
  font-family: 'Angelic Alchemy', sans-serif;
}
body {
  text-align: justify;
  background-image: url('pics/plaid-pink.jpg');
  color: black;
  min-height: 100vh;
}
.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;
}