@font-face {
    font-family: Ebereus;
    src: url(/fonts/Ebereus-Regular.otf);
  }
body, html
{
    overflow-y: hidden;
}
p, h1, h2, h3, h4, h5
{
    font-family: Ebereus;
}
p
{
    font-size: 3em;
}
h1
{
    font-size: 4em;
}
h2, h3, h4
{
    color:rgb(25, 111, 224);
    font-size: 3.5em;
}
.systemContainer
{
    display: grid;
    grid-template-columns: 30% 40% 30%;
    align-items: center;
    justify-content: center;
}
.navigatorContainer, .imageContainer, .entryDataContainer
{
    height: 100%;
    max-height: 90vh;
    background-color: rgb(33, 34, 45);
    border-radius: 10px;
    margin:10px;
}

.secondary-grid
{
    overflow-y: hidden;
}

.navigatorContainer
{

    scrollbar-color: white transparent !important;

    overflow-y: auto;
}

.imageContainer {
    display: flex;
    justify-content: center;
    align-items: center;
}
.imageContainer img
{
    width: 50vh;
}
.hidden
{
    visibility: hidden;
}