/*--------older classes-------*/
.sexplain
{
    /* height:0px; */
    position: static;
    opacity:0;
    z-index:0;
    margin-top: 30px;
    margin-bottom: 20px;
    /* display: flex; */
    display:none;
    flex-direction: column;
    justify-content: center;
    transform:scale(0);
}
.ontop
{
    z-index:1;
}
.allboxwrap
{
    display:flex;
    flex-direction: row;
    justify-content: center;
}
.sboxwrap
{
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: transparent;
}
.aboxdoublewrap
{
    height: 120px;
    display: flex;
    flex-direction: column;
}
.sbox
{
    height: 50px;
    width: 79px;
    background-color: transparent;
    opacity: 1;
}
.stageboxtextlong
{
    /* padding-top: 13px; */
    font-size: 14px;
    text-align: center;
    color: black;
    font-weight:800;
}
.aboxdouble
{
    height: 120px;
    width: 50px;
    background-color: transparent;
    opacity: 1;
}
.somespacedown
{
    border-width:4px;
    border-style:double;
    border-radius:27px;
    margin-bottom:10px;
    border-color:transparent;
}
.somespaceup
{
    border-width:4px;
    border-style:double;
    border-radius:27px;
    margin-top:10px;
    border-color:transparent;
}



.mapBracket
{
    margin-left: -50px;
    font-family: cursive;
    margin-left:24px;
    margin-top:-65px;
    /* margin-bottom:-55px; */
    margin-bottom:-164px;
    display:none;
    transform:scale(0);
    flex-direction: column;
}
.myBracket
{
    width:945px;
    height:155px;
    filter: drop-shadow(0px 2px 2px black);
}
.bracketText
{
    font-size:55px;
    font-weight:500px;
    margin-top:-25px;
}