ui/floatertextdisplay.razor.scss
FloaterTextDisplay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
.text_container {
position: absolute;
width: 400px;
height: 80px;
overflow: visible;
text-align: center;
justify-content: center;
align-items: center;
font-weight: 800;
white-space: nowrap;
}
.text {
//background-color: #0000ff;
font-family: "National Park";
text-stroke: 12px black;
}
.image {
position: absolute;
width: 400px;
height: 400px;
overflow: visible;
justify-content: center;
align-items: center;
background-repeat: no-repeat;
background-size: cover;
}
.emoji {
color: #fff;
font-family: W10Emoji;
text-stroke: 6px black;
}
.lock {
position: absolute;
width: 160px;
height: 180px;
//background-color: #0000ff;
background-repeat: no-repeat;
background-size: cover;
.lock_label {
position: absolute;
width: 100%;
height: 100%;
left: 6%;
bottom: -15%;
font-size: 50px;
font-family: "National Park";
font-weight: 800;
color: white;
text-stroke: 14px #000000ff;
//background-color: #aa0000;
justify-content: center;
align-items: center;
}
}
}