html { cursor: url("http://cur.cursors-4u.net/anime/ani-6/ani549.cur"), default;
    scroll-behavior: smooth;
    margin: 0%;
    }
    
    a{
        cursor: url("http://cur.cursors-4u.net/anime/ani-6/ani549.cur"), default;
    }    

    ::-webkit-scrollbar {
    display: none;
}

    
@font-face{
    font-family:bonite;
    src:url(Welcome\ Magic.otf)

}


@font-face {
font-family: 'wawa';
src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);
}

body{
    background-color: rgb(255, 233, 245);
    background-image: url(https://64.media.tumblr.com/ece9cc06c9a6cde2c519db643f4417bd/tumblr_inline_ml7ynnLhPY1qz4rgp.gif) ;
    text-align: center;
    
}

#back{
    background-image: url(https://64.media.tumblr.com/67c1dfd9c5fe0b43cca41aa4002747fc/tumblr_inline_ml9drbJFJN1qz4rgp.png);
    width: 1080px;
    height: 2500px;
    margin: auto;
    border-radius: 20px;
    border: 2px dotted rgb(199, 105, 144);
    padding: 20px;

}

 .separador{
      border: 2px solid rgb(153, 102, 102);
      height: 170px;
      float: right;
      width: 250px;
      margin-top: 10px;
      background-color: rgb(250, 216, 214);
      border-radius: 10px;
    }

     .distraccion{
      border: 2px solid rgb(153, 102, 102);
      height:2000px;
      float: right;
      width: 250px;
      margin-top: 50px;
      background-color: rgb(250, 216, 214);
      border-radius: 10px;
    }

.nav{

       list-style: none;
    text-decoration: none;

}
ul {
  list-style-type: none;
  margin: 10px;
  padding: 0;
border-radius: 10px;
  width: 200px;
     
}

li a {
  margin-bottom: 5px;
  display: block;
  color: rgb(156, 106, 106);
  text-decoration: none;
  text-align: left;
  
}

.plk{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
      width: 1080px;
      height: 250px;
       background-image: url(https://64.media.tumblr.com/149420ed401364bcab6f23a82759b22e/tumblr_inline_mqijksYTyD1qz4rgp.png);
       ackground-size: cover;
       
  
  }

   .dos{
      border: 2px solid rgb(153, 102, 102);
      height: 1300px;
      float: left;
      width: 780px;
      margin-top: 10px;
      margin-left: 10px;
      overflow: auto;
           background-image: url(https://64.media.tumblr.com/b02536e804c11979d269d02b5e0e9588/tumblr_inline_mm1ahphf5I1qz4rgp.gif);
           background-color: rgb(241, 184, 208);
             border-radius: 20px;
  }
   
  #next{
      border: 2px solid rgb(153, 102, 102);
      height: 900px;
      float: left;
      width: 780px;
      margin-top: 10px;
      margin-left: 10px;
      overflow: auto;
           background-image: url(https://64.media.tumblr.com/b02536e804c11979d269d02b5e0e9588/tumblr_inline_mm1ahphf5I1qz4rgp.gif);
           background-color: rgb(241, 184, 208);
             border-radius: 20px;
  }

  p{
           font-family: "Laila", serif;
     font-weight: 500;
     font-style: normal;
     font-size: small;
     margin-left: 8px;
     margin-right: 8px;
     margin-bottom: 8px;
    text-align: justify;
 color: rgb(41, 21, 21);
}


.testo{
    background-color: rgba(253, 171, 185, 0.329);
     width:710px ;
    height: 1080px ;
    margin: auto;
    border: 0.5px solid rgb(197, 79, 138);
    margin-top: 20px;
}

.texto{
    background-color: rgba(253, 171, 185, 0.329);
     width:710px ;
    height: 800px ;
    margin: auto;
    border: 0.5px solid rgb(197, 79, 138);
    margin-top: 20px;
}


.self-insert{
    border: 1px double hotpink;
 border-radius: 10px;
width:250px;
height:250px;
margin-top: 10px;
margin-left: 10px;
float: left;
      background-image: url(https://64.media.tumblr.com/tumblr_me41f3LTha1r52dl9.gif);
      background-color: rgb(241, 184, 208);
}

h4{
    background-image: url(https://64.media.tumblr.com/31eec687681fd930f163e8e34f6516b4/tumblr_inline_ml800l0zpz1qz4rgp.gif);
    width:300px ;
    height: 20px ;
    border-radius: 100px;
   color: rgb(56, 24, 24);
    margin-left: 50px;
    border: 0.5px solid rgb(153, 102, 102);
    font-family: wawa;
}

.encabezados{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 800px;
    height: 120px;
    background-color: rgb(255, 246, 250);
    background-image: url(https://64.media.tumblr.com/f59d4f9e0fdff049e25d625dccab1c5a/dc7c6b53cb4e2566-b9/s100x200/579b41db3b1f18f5d06324317f81b5b5336b3770.gifv);
    margin-top:0%; 
    display: block;
  }

 .oci{
    background-color: rgba(137, 43, 226, 0);
  height: 130px;
      width: 250px;
   margin-left: 10px;
    float: right;
    overflow: hidden ;
    border-radius: 20px;
    border: 2px solid rgb(197, 79, 138);
    margin-top: 10px;
}

.slider{
width: 100%;
margin: auto;

}

.slider ul{
display: flex;
padding: 0;
width: 400%;
animation: uwu 8s infinite alternate linear;
}


.slider li{
    width: 100%;
    list-style: none;
}


.slider img{
    width: 100%;
    height: 180px;
    margin-top: -5.9%;
}




   @keyframes uwu {
    0% {margin-left: 0%;}
    20% {margin-left: 0%;}

    25% {margin-left: -100%;}
    45% {margin-left: -100%;}

    50% {margin-left: -200%;}
    70% {margin-left: -200%;}

    75% {margin-left: -300%;}
    100% {margin-left: -300%;}
}

h1{
    background-color: rgba(255, 255, 255, 0.39);
margin: auto;
font-family: wawa;
color: rgb(153, 102, 102);
text-align: left;
padding: 75px;
margin-left: -50px;

}
.head{
 color: rgb(56, 24, 24);
  border: 1px solid  rgb(153, 102, 102); 
  padding: 1px;
  margin-bottom: 3px; 
  border-radius: 5px;

  font-family: 'Cheri', sans-serif;
  margin: auto; 

  padding: 3px;
 background-image: url(https://64.media.tumblr.com/31eec687681fd930f163e8e34f6516b4/tumblr_inline_ml800l0zpz1qz4rgp.gif);
}

h2{
    
margin: auto;
font-family: "Imperial Script", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 10em;
color: rgba(255, 255, 255, 0.822);
text-align: center;
padding: 30px;


}

.datitos{
    background-color: rgba(253, 171, 185, 0.329);
    width:20% ;
    height: 400px ;
    margin-top: 1% ;
    margin-left:3.3% ;
    border: 0.5px solid rgb(197, 79, 138);
    float: left;
}