main{
    text-align: center;
}
#sypruis-logo{
    width:90%;
    margin: 5px;
}
#sypruis-text{
    font-size: 1.5rem;
    font-weight: 800;
}
.slider{
    width:100%;
    margin:0 -2%;
    position:relative;
    background-color:rgba(0,0,0,0.25);
}

.slider-track{
    list-style:none;
    display:flex;
    padding:0;
}

.slider-image{
    border-radius: 50%;
}

.slider-track-item{
    width:80%;
    display:none;
    visibility:hidden;
    text-align:center;
    color:#fff;
    padding:10px;
    font-size:1.5rem;
}

.slider-track-item--center{
    display:inline-block;
    visibility: visible;
    margin:auto;
}

.slider-button{
    font-size:2rem;
    border-radius:50%;
    border:none;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}

.slider-button--right{
    right:5px;
}

.slider-button--left{
    left:5px;
}

.slider-image{
    background-color:#fff;
    border-radius:50%;
    width:50%;
    border:none;
}

@keyframes fadeIn{
    0%{
        opacity: 0;
    }

    100%{
        opacity:100%;
    }
}

@media only screen and (min-width:1000px){
    #sypruis-logo{
        width: 30%;
    }
    .slider{
        width:100%;
        margin:0;
        height:50vh;
        position: relative;
    }

    .slider-track{
        position:absolute;
        top:50%;
        width:100%;
        transform:translateY(-50%);
        display:flex;
    }

    .slider-track-item--center, .slider-track-item--medium-left, .slider-track-item--medium-right, .slider-track-item--small-left, .slider-track-item--small-right{
        display:inline-block;
        visibility: visible;
    }

    .slider-track-item--medium-left, .slider-track-item--medium-right, .slider-track-item--small-left, .slider-track-item--small-right{
        display:flex;
        flex-direction:column;
        justify-content: center;
        align-content: center;
        margin:0 auto;
    }

    .slider-track-item--center > .slider-image{
        width:80%;
    }

    .slider-track-item--medium-left > .slider-image , .slider-track-item--medium-right > .slider-image{
        width:30%;
        margin: 0 auto;
        opacity:50%;
    }
    .slider-track-item--small-left > .slider-image ,.slider-track-item--small-right > .slider-image{
        width:20%;
        opacity:30%;
    }
    

    .slider-track-item--small-right{
        align-items:flex-start;
    }

    .slider-track-item--small-left{
        align-items:flex-end;
    }

    .slider-track-item--small-left{
        order: 1;
    }
    .slider-track-item--medium-left{
        order: 2;
    }
    .slider-track-item--center{
        order: 3;
    }
    .slider-track-item--medium-right{
        order: 4;
    }
    .slider-track-item--small-right{
        order: 5;
    }
    
}