@import url('https://fonts.googleapis.com/css?family=Major+Mono+Display');
.holder {
    aposition: absolute;
    position: relative;
    abackground-color: #ffffff;
    left: 0%;
    top: 0%;
    awidth: 100%;
    aheight: 100%;
}
.grand-opening {
    font-family: 'Major Mono Display', monospace;
    font-family: 'Alegreya Sans', sans-serif;
    font-family: 'Poppins', sans-serif;
    color: #333333;
    color: #fff;
    color:  #FFDC55;
    color: #0a0a0a;
    color: #E4291B;
    font-size: 18px;
    position: absolute;
    position: relative;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translateX(-50%) translateY(-0%);
    text-align: center;
    text-shadow: 1px 1px rgba(0, 0, 0, .3);
    text-shadow: 1px 1px rgba(233, 233, 233, 0.1);
}
.year {
    position: relative;
    left: 50%;
    display: table;
    font-size: 4em;
    font-weight: bold;
    transform: translateX(-50%);
    margin-top: 0px;
}
.year2 {
    transform: translateX(-50%) rotateX(180deg);
    opacity: 0.1;
    margin-top: -60px;
}
.digit {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    position: relative;
    opacity: 0;
}
.controls {
    margin-top: -20px;
    color:  #E4291B;
    font-family: 'Major Mono Display', monospace;
}
.control {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 0.8em;
    font-weight: bold;
    aborder-left: 1px solid #333333;
    opacity: 0;
    position: relative;
    top: 0px;
}
.control:first-child {
    border-left: none;
}
.triangles {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.triangle {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #333333;
    border-bottom: 7px solid goldenrod;
    border-bottom: 7px solid #E4291B;
    border-bottom: 7px solid rgba(229, 187, 27, 0.9);
    position: absolute;
    opacity: 0;
}