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(rainyhearts.ttf)

}



body{
    background-color: rgb(0, 0, 0);
    background-image: url(https://cdn.cosmos.so/cc631017-20cb-44b8-8af1-ad2ab2817613?format=jpeg) ;
    text-align: center;
    
}

#back{
    
    width: 1080px;
    height: 1500px;
    margin: auto;
    border: 2px solid rgb(100, 62, 57);
    padding: 5px;
    background-color: rgb(228, 218, 207);
display: block;
}

.marco{
    width: 200px;
    height: 500px;
    margin: auto;
    float: left;
    margin-left: -260px;
    background-color: rgba(27, 27, 16, 0);
    background-repeat: no-repeat;
    position: absolute;
    z-index: 3;
    image-rendering: initial;
}


.marci{
    width: 200px;
    height: 500px;
    margin: auto;
    float: right;
    margin-left: 950px;
    background-color: rgba(27, 27, 16, 0);
    background-repeat: no-repeat;
    position: absolute;
    z-index: 3;
    image-rendering: initial;
    margin-top: 80px;
}









.vsco{
    border: 1px solid #5e3939;
      height: 350px;
      float: right;
      width: 250px;
      margin-top: 30px;
      background-color: beige;
      border-radius: 10px;
}



 .separador{
      border: 1px solid #5e3939;
      height: 170px;
      float: right;
      width: 250px;
      margin-top: 10px;
      background-color: #FFF4E6;
      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: #5e3939;
  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://cdn.vectorstock.com/i/750p/38/83/brown-polka-dots-on-beige-vector-22633883.avif);
       ackground-size: cover;
       
  
  }

   .dos{
      
      height: 580px;
      float: left;
      width: 800px;
      margin-top: 5px;
      margin-left: 10px;
      overflow: auto;
           background-image: url(https://64.media.tumblr.com/b02536e804c11979d269d02b5e0e9588/tumblr_inline_mm1ahphf5I1qz4rgp.gif);
           background-color: rgb(241, 184, 208);
             
  }


  p{
    font-family: "Laila", serif;
 font-weight: 500;
 font-style: normal;
 font-size: large;
 margin-left: 8px;
 margin-right: 8px;
 margin-bottom: 8px;
 color: rgb(56, 39, 34);
 text-align: right;
}


.testo{
    background-color: rgba(255, 255, 255, 0.897);
     width:780px ;
    height: 390px ;
    margin: auto;
    
    margin-top: 20px;
}
.introduccion{
    background-color: rgba(255, 255, 255, 0);
     width:770px ;
    height: 80px ;
    margin-left: 30px;
    
    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-color: rgba(0, 0, 0, 0.767);
    width:380px ;
    height: 20px ;
    
    border: 0.5px solid rgb(0, 0, 0);
    margin-left: 20px;
    color: rgb(255, 255, 255);
}



 .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: rgba(175, 28, 109, 0.822);
text-align: left;


}

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;


}

.head{
 color:#5e3939;
  border: 1px solid #5e3939; 
  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/67c1dfd9c5fe0b43cca41aa4002747fc/tumblr_inline_ml9drbJFJN1qz4rgp.png);
}