.box
{
justify-content:right;
}

.carousel
{
height:93%;
width:69%;
margin:0 1.7em;
}

.pony
{
scroll-snap-align:start;
}

#socs
{
position:absolute;
left:0;
top:0;
bottom:0;
margin:auto 0;
display:flex;
flex-direction:column;
width:fit-content;
height:fit-content;
padding:1em;
background-color:#170127;
outline:solid 0.23em #F3F1F077;
border-radius:0 1.7em 1.7em 0;
text-align:center;
}

img.soc
{
height:2.1rem;
margin:0.7em;
border-radius:50%;
outline:solid 0.17rem;
}

img.soc:hover
{
filter:drop-shadow(0 0 0.7em #F3F1F0);
}