slider.css

.slider-holder
{
    width: 100vw;
    height: auto;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    text-align: center;
    overflow: hidden;
}
       
.image-holder
{
    width: 2400px;    
    background-color: white;
    height: 450px;
    clear: both;
    position: relative;
           
    -webkit-transition: left 2s;
    -moz-transition: left 2s;
    -o-transition: left 2s;
    transition: left 2s;
}
       
.slider-image
{
    float: left;
    margin: 0px;
    padding: 0px;
    position: relative;
}
       
#slider-image-1:target ~ .image-holder
{
    left: 0px;
}
       
#slider-image-2:target ~ .image-holder
{
    left: -800px;
}
       

.button-holder
{
    position: relative;
    top: -20px;
}
       
.slider-change
{
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 5px;
    background-color: brown;
}