body {
        font-family: Helvetica, sans-serif;
        padding: 0%;
        text-align: center;
        font-size: 50;
		topmargin=0; 
		leftmargin=0;
		marginwidth=0; 
		marginheight=0;  
		overflow:hidden;
		background-color: #000000;
    }
     
    /* Styling the area of the slides */
     
    #slideshow {
        overflow: hidden;
        height: 1080px;
        width:  1920px;
        margin: 0 auto;
    }
     
    /* Style each of the sides
    with a fixed width and height */
     
    .slide {
        float: left;
        height: 1080px;
        width:  1920px;
    }
     
    /* Add animation to the slides */
     
    .slide-wrapper {
         
        /* Calculate the total width on the
      basis of number of slides */
        width: calc(1920px * 4);
         
        /* Specify the animation with the
      duration and speed */
       animation: slide 30s ease-in-out both infinite;
	   animation-delay: slide 30s;
	   animation-duration: slide 3s;
	  
    }
     
    /* Set the background color
    of each of the slides */
     
    .slide:nth-child(1) {
        background: #000000;
    }
     
    .slide:nth-child(2) {
        background: #000000;
    }
     
    .slide:nth-child(3) {
        background: #000000;
    }
     
    .slide:nth-child(4) {
        background: #000000;
    }
     
    /* Define the animation
    for the slideshow */
     
    @keyframes slide {
         
        /* Calculate the margin-left for
      each of the slides */
        20% {
            margin-left: 0px;
        }
        40% {
            margin-left: calc(-1920px * 1);
        }
        60% {
            margin-left: calc(-1920px * 2);
        }
        80% {
            margin-left: calc(-1920px * 3);
        }
    }