/* LOGIN */
.login-page {
    background: #b0d6fa !important;
    overflow: hidden;
}
.login-page .login-box {
    background-color: rgb(255 255 255 / 45%);
    padding: 15px;
    border-radius: 15px;
}
.login-box,
.register-box {
    width: 100%;
    max-width: 390px;
}

.login-card-body, .register-card-body,
.login-box .card  {
    background: transparent;
    box-shadow: none;
}

.anime-top::before, .anime-top::after,
.anime-bottom::before, .anime-bottom::after,
.mine-anime-top, .mine-anime-bottom{
    content: '';
    position: absolute;
    background-color: #ff7e50;
    height: 60vh;
    width: 2vw;
    display: block;
    opacity: .85;
    z-index: -1;
    filter: blur(10px);
}
.anime-top::before, .anime-top::after,
.mine-anime-top {
    top: -12%;
    left: 0;
    border-radius: 0 0 20px 20px;
    box-shadow: 20px -20px 7px 0px #00ffff;
    transform: rotate(320deg);
    animation: lines-animation 2s ease;
}
.anime-top::after {
    left: 2.5%;
    top: -27%;
}
.mine-anime-top {
    left: 5%;
    top: -42%;
}
.anime-bottom::before, .anime-bottom::after, 
.mine-anime-bottom {
    bottom: -14%;
    right: 0;
    border-radius: 0 0 20px 20px;
    box-shadow: 20px -20px 7px 0px #00ffff;
    transform: rotate(135deg);
    animation: lines-animation 2s ease;
}
.anime-bottom::after {
    right: 2.5%;
    bottom: -27%;
}
.mine-anime-bottom {
    right: 5%;
    bottom: -42%;
}

button.btn.btn-primary.btn-block.btn-flat{
    margin-left: 7.5px;
}
@keyframes lines-animation {
    0% {
        height: 0;
    }
    100% {
        height: 60vh;
    }
}
/* END LOGIN */


/* BASE */
.img-logo {
    margin: 9%;
}
.dt-length {
    gap: 10px;
    display: flex;
    align-items: flex-start;
}
/* END BASE */