#misc
{
border-color:#B4B1E5;
}

pre
{
scrollbar-color:#B4B1E5 #0000;
}

.index
{
display:flex;
flex-direction:column;
width:fit-content;
height:auto;
}

.index > a
{
width:100%;
background-color:#F3F1F0;
text-align:center;
font-size:2.3vh;
color:#170727;
text-decoration:none;
padding:0.5em 1.7em 0.3em;
margin:0.3em 0;
}

.index>a:first-of-type
{
border-radius:1em 0 0 0
}

.index>a:last-of-type
{
border-radius:0 0 0 1em
}

.carousel
{
display:flex;
overflow-x:scroll;
scroll-snap-type:x mandatory;
scroll-behavior:smooth;
scrollbar-width:none;
gap:7vw;
}

.pony
{
width:100%;
height:100%;
flex-shrink:0;
}