@keyframes fade-in-move-down {
    0% {
        opacity: 0;
        transform: translateY(-3rem);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

footer {
    margin: auto 0 16px 0;
    
    font-family: 'Lato', sans-serif;
    color: white;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

footer > a {
    text-decoration: none;
    color: white;
}

.window-container {
    display: flex;
    flex-direction: column;
    
    width: 100%;
    height: calc(100% - 48px);

    align-items: center;
    justify-content: center;
}

.index-container {
    width: 100%;
    height: 100%;
    
    max-width: 850px;
    max-height: 400px;
    
    background-color: rgb(24, 24, 24);
    outline: rgb(96, 64, 64) 2px solid;

    margin-top: auto;
    margin-bottom: 64px;
    
    border-radius: 8px;
}

.index-container-children-flex {
    display: flex;
    flex-direction: row;
    
    width: 100%;
    height: 100%;
}

.index-container-children-start {
    order: -1;
}

.index-container-children-flex:before {
    content: "";
    border: 2px solid rgb(96, 64, 64);
    order: 0;
}

.index-container-children {
    flex: 0 0 49.8%;

    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;

    align-items: center;
}

.stats-items-container {
    text-align: center;
    
    width: 100%;
    height: 100%;
    
    margin-top: 32px;
}

.stats-fade-text {
    font-size: 24px;
    color: white;
    font-family: 'Fugaz One', sans-serif;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.stats-footer-text {
    margin-bottom: 16px;

    font-size: 16px;
    color: white;
    font-family: 'Lato', sans-serif;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sub-instance-container {
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;
}

.instance-container-text {
    width: 100%;
    
    margin: 8px;

    font-size: 24px;
    color: white;
    font-family: 'Fugaz One', sans-serif;
    
    text-align: center;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.instance-container-list {
    margin: 0 16px 16px 16px;
    
    outline: 2px rgb(24, 24, 24) solid;
    background-color: rgb(16, 16, 16);

    width: calc(100% - 32px);
    height: calc(100% - 16px);
}

.instance-container-item {
    margin: 16px 0 16px 0;
    padding: 0 32px 0 32px;
    
    font-size: 16px;
    color: white;
    font-family: 'Lato', sans-serif;
}

.instance-container-item-link {
    color: white;
    word-break: break-all;
}

.instance-container-empty {
    width: 100%;
    height: 100%;

    font-size: 20px;
    color: white;
    font-family: 'Lato', sans-serif;

    text-align: center;
    
    margin-top: 48px;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}