*{margin: 0;
padding: 0;}

body{
    background-color: rgba(27,31,34,0.85);
}

h1.gallery{
    font-size: 2.1rem;
    line-height: 1.4; 
    letter-spacing: 0.5rem;
    text-align: center;
    color: #ffffff;
    margin-top: 30px;
}

.maindiv{
    width: 60%;
    height: 500px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background-image: url("../pictures/4.jpg");
    background-size: 100% 100%;
    box-shadow: 1px 2px 10px 9px white;
    animation: slider 60s infinite linear;

}

@keyframes slider{
    0%{background-image: url("../pictures/1.jpg");}
    12.5%{background-image: url("../pictures/2.jpg");}
    25%{background-image: url("../pictures/9.jpg");}
    37.5%{background-image: url("../pictures/4.jpg");}
    50%{background-image: url("../pictures/6.jpg");}
    62.5%{background-image: url("../pictures/5.jpg");}
    75%{background-image: url("../pictures/7.jpg");}
    87.5%{background-image: url("../pictures/8.jpg");}
    


}