@keyframes slide {
    0%{
        transform: translateX(0%);
    }
    25%{
        transform: translateX(0%);
    }
    30%{
        transform: translateX(-100%);
    }
    50%{
        transform: translateX(-100%);
    }
    55%{ 
        transform: translateX(-200%);
    }
    75%{
        transform: translateX(-200%);
    }
    80%{
        transform: translateX(-300%);
    }
    100%{
        transform: translateX(-300%);
    }
}

.container{
    width:100vmin;
    top: 30%;
    left:50%;
    position: absolute;
    transform: translate(-50%, 50%);
    overflow:hidden;
}

@media (min-width: 700px) {
    .container {
        width:100vmin;
        top: 50%;
        left:50%;
        position: absolute;
        transform: translate(-50%, 50%);
        overflow:hidden;
    }
  }

@media (min-width: 1000px) {
    .container {
        width:100vmin;
        top: 0%;
        left:50%;
        position: absolute;
        transform: translate(-50%, 50%);
        overflow:hidden;
    }
  }

main{
    color:goldenrod;
}

.votg-modal{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1055;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        outline: 0;
    }