ui/hatselectlockedwt.razor.scss
HatSelectlockedWT {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url("images/menubackground.png");
background-size: cover;
background-position: center;
pointer-events: all;
color: white;
font-family: GrotesqueNo9T;
font-size: 64px;
align-items: center;
flex-direction: column;
justify-content: center;
transition: opacity .5s ease;
> h2 {
font-size: 128px;
font-weight: bolder;
text-stroke: 16px black;
text-decoration: underline;
}
> .hatselector {
> .image-button {
transition: all 0.1s ease;
&:hover {
sound-in: ui.button.over;
transform: scale(1.1);
}
}
}
}