body{
    background-image: url(./imágenes/bglol.jpg);
    background-size: 200px;
    margin: 0;
    padding: 0;
    font-family: 'pangolin';
}

.contenedor{
    position: relative;
    display: flex;
    background-image:url('https://ishimori.crd.co/assets/images/gallery10/7b0f8073_original.jpg?v=4d7345d1');
    width:1006px;
    height:606px;
    gap:20px;
    justify-content: right;
    margin-left: -3px;
    margin-right: -3px;
    margin-bottom:20px;
    margin-top:-3px;
}



.bordecon{
    border-width: 20px;
    border-style: solid;
    border-image: url('https://file.garden/Z4-KIXj5okOfzeyR/borders/ww.png') 20 fill round;   
    width:1000px;
    height:600px;
    margin-left: auto;
    margin-right: auto;
    margin-top:5px;
    margin-bottom:30px;
}

.leftbor{
    width:200px;
    height:560px;
    margin-top:10px;
    margin-left:-20px;
    border-width:10px;
    border-style: solid;
    border-image: url(./imágenes/brd1.png) 11 round;

}

.left{
    border:double pink 3px;
    background-color:#c3ffff;
    height:555px;
}

.but{
    line-height: 0.2;
    text-align: center;
    border-radius: 10px;
    background-image: url(./imágenes/bgml.jpg);
    background-size: 300px;
    width:150px;
    height:50px;
    border:outset 3px white;
}

.but a{
    text-decoration: none;
    color:#ffa6b5;
}

.but a:hover{
    color:#ec7e91;
    text-shadow: 2px 2px 2px white;
}

.but:hover{
    transform: scale(1.1);
    transition: transform ease-in-out;
    box-shadow: 0px 0px 2px #d27383;
}

.nav{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width:680px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5px;
    height:80px;
    border:inset 3px white;
    border-radius:10px;
    background-color:#c3ffff;
}

.mainbor{
    width:700px;
    height:560px;
    margin-right: 20px;
    margin-top:10px;
    margin-bottom:10px;
    border-width:10px;
    border-style: solid;
    border-image: url(./imágenes/brd.png) 11 round;
}

.main{
    width:694px;
    height:555px;
    position: relative;
    border:double pink 3px;
    background-color:#fff3f5;
}

.botones{
    margin-top: 10px;
    border-radius:30px;
    background-image:linear-gradient(to bottom, pink, white);
    width:180px;
    margin-left:auto;
    margin-right:auto;
    height:40px;
    border:3px groove white;
    text-align: center;
    color:white;
    text-shadow: 2px 2px 2px pink;
    line-height: 0.0;
    font-family: 'Sour Gummy';
}

.caja{
    width:170px;
    height:60px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: white 3px groove;
    background-image: linear-gradient(to bottom, #ffd7de, white);
    color:rgb(216, 131, 145);
}

.flex{
    display: flex;
    align-items: center;
    justify-content:space-evenly;
    border:2px solid pink;
    border-radius: 10px;
    background-color:#c3ffff;
    width:680px;
    height:300px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5px;
}

.shrines{
    text-align: center;
    height: 280px;
    width:200px;
}

details{
    width:170px;
    margin-top:20px;
    margin-right: auto;
    margin-left: auto;
    border: white 3px groove;
    border-radius: 10px;
}

details[open]{
    background-color:white;
    height:100px;
    overflow-y: scroll;
}

summary{
    background-image: linear-gradient(to bottom, #ffd7de, white);
    color:rgb(216, 131, 145);
    border-radius:10px;
}

.flex .titulo{
    line-height: 1.6;
    font-size:20px;
    letter-spacing: 1px;
}

.caja2 li:hover{
    background-color:white;
    cursor:default;
}

.caja1bor{
    overflow: hidden;
    height: 280px;
    width:200px;
    border-width: 10px;
    border-style: solid;
    border-image: url('https://file.garden/Z4-KIXj5okOfzeyR/borders/ww.png') 20  round;   
}

.caja1{
    text-align: center;
    height:277px;
    width:197px;
    border:3px groove white;
    background-image: linear-gradient(to top, #ffe7eb, white);
    color:#ffa6b5;
}

.caja2{
    height: 280px;
    width:200px;
}

.circle{
    box-shadow: 3px 3px 3px #d27383;
    text-align: center;
    margin-top: 10px;
    display: block;
    overflow-y:scroll;
    align-items: center;
    width:200px;
    height:200px;
    border-radius:50%;
    background-image: linear-gradient(to bottom, #ffd7de, white);
    border: 4px groove white;
}



.circle a{
    color:rgb(211, 108, 125);
}


ul{
    list-style: none;
    display:inline;
    text-align: center;
    padding: 0px;
}

.titulo{
    color:rgb(249, 158, 187);
    text-shadow: 0px 0px 3px rgb(255, 255, 255);
    width:170px;
    height:30px;
    background-image: linear-gradient(to bottom, #ffd7de, white);
    border:groove white 3px;
    line-height: 0.0;
    margin-left:auto;
    margin-right:auto;
    margin-top: 10px;
    border-radius: 15px 15px 0 0;
    font-family: 'Sour Gummy';
    letter-spacing: 3px;
}

li{
    width:170px;
    background-color:white;
    margin-left:auto;
    margin-right:auto;
    height:30px;
    border-right: white groove 3px;
    border-left: white groove 3px;
    color:pink;
    text-shadow: 2px 2px 2px white;
}

li a{
    color:pink;
    text-shadow: 2px 2px 2px white;
}

li a:hover{
    color:rgb(231, 149, 162);
    text-shadow: 2px 2px 2px white;
}

li:hover{
    cursor:pointer;
    background-image: linear-gradient(to top, rgb(255, 223, 228), white);
}

.last{
    border-radius:0 0 15px 15px;
    border-bottom:groove white 3px;
}

.lasts{
    border-radius:0 0 15px 15px;
    border-bottom:groove white 3px;
    overflow-y: scroll;
}


.lace{
    position: relative;
    width:100%;
    height:29px;
    opacity: 0.8;
    background-size:80px;
    background-image: url('http://media.tumblr.com/2cace501fcedd43dd06a0781c8c57005/tumblr_inline_mgaglmTof31qbq39l.gif');
}

.header{
    justify-content:space-evenly;
    display:flex;
    width:680px;
    height:135px;
    border: 2px solid #ffb6c7;
    border-radius: 10px;
    margin-top:5px;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    line-height:1.7;
    background-size: 680px;
    background-image:url(./imágenes/header1.png);
    }
    
::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-track{
    background-image:linear-gradient(to right, white, rgb(201, 201, 201));
    border:1px solid grey;
}

::-webkit-scrollbar-thumb{
    background-image: linear-gradient(to bottom, #dffffd, #81e0d9);
    border-radius:10px;
    border:solid 1px grey;
}