::-webkit-scrollbar {
    width: 2px;
}

#body-container {
    background-image: url("/terminal_assets/logo-onrc_bgr.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
}

div {
    font-family: "Rubik", sans-serif;
}

.slide-fade-enter-active {
    transition: all 0.3s ease-out;
}

.slide-fade-enter-from,
.slide-fade-leave-to {
    transform: translateX(20px);
    opacity: 0;
}

.slide-enter-active,
.slide-leave-active {
    transition: all 0.4s ease-out;
}
.slide-enter-to {
    position: absolute;
    right: 0;
}
.slide-enter-from {
    position: absolute;
    right: -100%;
}
.slide-leave-to {
    position: absolute;
    left: -100%;
}
.slide-leave-from {
    position: absolute;
    left: 0;
}
.no-click {
    pointer-events: none;
    opacity: 0.5;
}

.logo-container {
    width: 100%;
    display: flex;
}

.logo-child {
    display: flex;
    margin: 30px;
}

.left-child {
    flex: 4 1 80%;
    display: flex;
}

.left-child div:first-child {
    flex: 4 1 80%;
    display: flex;
}

.left-child div:last-child {
    flex: 1 1 20%;
    display: flex;
    margin-left: 55px;
}

.right-child {
    flex: 1 1 20%;
}

.logo-child img {
    width: 100%;
    object-fit: contain;
}
.right-child {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    margin-right: 10px;
}