/*This file is used for the animation seen in the home and about page*/

.BannerAnimation {
    position: absolute;
    margin-top: var(--topbar-height);
    width: 100%;
    height: inherit;
    z-index: -1;
}

.AnimationRow {
    display: flex;
    width: 100%;
    height: calc(39% - 3px);
    margin: 5px 0px 8px 0px;
}

.AnimationBox {
    position: absolute;
    height: inherit;
    aspect-ratio: 1 / 1;
    background: #00007730;
    backdrop-filter: blur(3px);
    border: 1px solid #ffffffaa;
    box-shadow: 0px 0px 1px 1px black;
    border-radius: 15px;
}

.AnimationBox img {
    width: 100%;
    padding: 5px;
    filter: drop-shadow(0px 0px 5px black);
}