body {
font-family: 'Roboto', sans-serif;
overflow: hidden;
margin: 0;
width: 100%;
height: 100%;
min-width: 100vw;
min-height: 100vh;
}
canvas {
width: 100%;
height: 100%;
background-color: darkblue;
}
.flex-col {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.flex-row {
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
}
.center-parent {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.button-like {
cursor: pointer;
padding: 0.3em;
}
.button-like:hover {
background-color: #444;
}