body,
#slider,
.wrap,
.slide-content {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
}

.wrap {
    width: 100%;
}

.slide {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.slide1 {background-image: url('images/picka.png')}
.slide2 {background-image: url('images/pickb.png')}
.slide3 {background-image: url('images/pickc.png')}
.slide4 {background-image: url('images/pickd.png')}
.slide5 {background-image: url('images/picke.png')}
.slide6 {background-image: url('images/pickf.png')}
.slide7 {background-image: url('images/pickg.png')}
.slide8 {background-image: url('images/pickh.png')}
.slide9 {background-image: url('images/pickj.png')}

.slide-content {
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    text-align: center;
   }  
 
.slide-content span {
		font-size: 2rem;
		color: orange;}

  
.slide-contenta span {
		font-size: 2rem;
		color: red;}
		
		
.arrow {
    cursor: pointer;
    position: absolute;
    top: 0%;
    width: 0;
    height: 0;
    border-style: solid;
}

#arrow-left {
    border-width: 40px 40px 40px 0;
		border-color: transparent;  
    left: 0;
    margin-left: 0;
}

#arrow-right {
    border-width: 40px 0 40px 40px;
    border-color: transparent; 
    right: 0;
    margin-right: 0;
}