munequita css for horizontal scrollbox

.boxes { /* scrollboxes with info dont change width and height */
width: 10em;
border: 1px solid #8ba9da;
border-radius: 5px;
white-space: normal;
display: inline-block;
height: 10em;
padding: .5em;
font-size:.8em;
vertical-align: middle;
margin-right: .5em;
background: rgba(255, 255, 255, 0.8);
overflow-y: scroll;
text-align: left;
font-family: 'Outfit', sans-serif;
}

mark {/* mark thing for subtitles, you can change basically anything here */
background: rgba(139, 169, 218, 1);
background: radial-gradient(circle, rgba(139, 169, 218, 1) 0%, rgba(255,255,255,1) 100%);
border: 1px solid #8ba9da;
border-radius:90%;
padding-left:10px;
padding-right:10px;
font-family:chick;
font-size:1.5em;
color:white;
-webkit-text-stroke: 0.5px #8ba9da;
}

a { /* links, you can change the text deco or erase it */
color: #8ba9da;
text-decoration: underline;
text-decoration-style: dotted;
font-weight:bold;
}

a:hover {color: #8ba9da;
transition: .6s;}
a { color: #8ba9da; }
}