tranquil delta
On the 'menu' on https://store.lunarclient.com/ lunar+'s "NEW!" banner is part of the image, so zooming is looks weird. Just make it an absolutely positioned psuedo (or normal) element that is seperate from the zoom
EDIT: it already is a seperate element?? So just make it not affected by the transform, probably by moving it out of the <a>
the css would just be ```css
#navbar-overlay .col-12 > a:hover > .ribbon {
width: 200px;
position: absolute;
top: 50px;
left: -25px;
text-align: center;
line-height: 50px;
letter-spacing: 1px;
color: #f0f0f0;
text-transform: uppercase;
font-weight: 700;
text-shadow: 0px 1.5px 0px rgba(0,0,0,0.25);
font-size: 1.5rem;
rotate: -45deg;
transform: scale(1);
}
inland kiln
insane