SHOWING: First 60
html, body
{
font-family: sans-serif;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
canvas
{
image-rendering: pixelated;
object-fit: contain;
overflow: hidden;
display: block;
border: 0px;
margin: 0;
padding: 0;
}
.content
{
height: 100%;
width: 100%;
}
.container
{
color: white;
position: relative;
text-align: center;
height:100%;
width:100%;
margin:0;
padding:0;
}
.container-column
{
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 1rem;
}
.container-row
{
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 1rem;
}
.info
{
top: 2%;
left: 2%;
height: 6vh;
width: 6vh;
font-size: 4vh;
position: absolute;
z-index: 2;
}
.name
{
top: 0px;
width: 100%;
min-height: 10%;
max-height: 50%;
font-size: 8vh;
position: absolute;
background: black;
font-weight: bold;
z-index: 1;
display = none;
}
.traits
{
bottom: 0px;
width: 100%;
max-height: 50%;
font-size: 4vh;
position: absolute;
background: black;
z-index: 1;
display = none;
}
.error
{
top: 50%;
width: 100%;
font-size: 15vh;
position: absolute;
transform: translate(0, -50%);
background: red;
z-index: 1;
display = none;
}#14,570,159text