@import "/files/customsite/CS_1839/ID_2354/css/extend.css";

#hero {
    background-image: url(img/ist_bg.jpg);
    background-size: 100% auto;
    background-position: 50% 0%;
    min-height: 48vw;
    color: white;
    text-align: center;
}

#spinner {
    display: flex;
    flex-flow: row nowrap;
    opacity: 0;
    transition: opacity .5s ease-in;
    transition-delay: .5s;
    justify-content: space-between;
}

#spinner .column {
    width: calc(33.33% - 0.25em);
    padding-bottom: calc(33.33% - 0.25em);
    background-image: url(img/ist_artistit.jpg);
    background-size: 100% auto;
    background-position: 0 0;
    position: relative;
    transition: background 4.5s ease-in-out;
    box-shadow: 0 0 .25em black;
}

#spinner .column::after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 100;
    background-image: url(img/ist_slot_top.png);
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    content: "";
}

#main ol li {
    list-style: decimal;
    margin: .5em 0 0 2em;
}