.slide {
    position: absolute;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #000000;
    -webkit-animation: slide-top 1s ease-in-out 10s both;
    animation: slide-top 1s ease-in-out 10s both;
}

@-webkit-keyframes slide-top {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0.2;
    }
}

@keyframes slide-top {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0.2;
    }
}

.main {
    display: none;
}