*{
    padding:0px;
    margin: 0px;
}

main{
    width: 60%;
    height: 500px;
    margin: auto;
    margin-top: 100px;
    box-shadow: 0px 0px 3px gray;
    position: relative;
    overflow: hidden;

}
.slide{
    width: 100%;
    height: 100%;
    transition: 1s;
    position: absolute;
}
.nav{
    text-align: center;
    margin-top: 10px;
    
}
.nav button{
    font-size: 25px;
    padding: 5px;
}

@media