.centered {
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
}
.container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: transparent;
}
#hourglass{
    width: 250px;
    height: 250px;
    /* Scaled it cause it looks cuter */
    transform: scale(0.75);
}
#bottom{
    position: absolute;
    top: 125px;
    left: 50px;
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    border-bottom: 125px solid #c9b9da;
    animation: flipbottom 5s infinite ease-in-out;
    transform-origin: 75px 0px;
    border-radius: 0rem;
}
#bottom_two{
    position: absolute;
    top: 125px;
    left: 50px;
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    border-bottom: 125px solid #351D77;
    animation: flipbottom 5s infinite ease-in-out;
    transform-origin: 75px 0px;
    animation-delay: 0.8s;
    border-radius: 0.2rem;
}
@keyframes flipbottom{
    0%{transform: rotate(0deg);}
    10%{transform: rotate(190deg) translate(-2px, 2px);}
    20%{transform: rotate(172deg);}
    25%{transform: rotate(184deg);}
    30%{transform: rotate(180deg);}
    50%{transform: rotate(180deg);}
    60%{transform: rotate(370deg) translate(-1px, 1px);}
    70%{transform: rotate(352deg);}
    75%{transform: rotate(364deg);}
    80%{transform: rotate(360deg);}
    100%{transform: rotate(360deg);}
}
#adminStatusDialog{
    background: transparent;
    box-shadow: none;
    border: none!important;
}
#adminStatusDialog_content{
    background: transparent;
    border: none;
}