*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.imgSize{
    height: 70%;
    width: 300px;
    margin: 6px;
    border-radius: 6px;
}
.slider-container{
  width: 100%;
  margin: 0 auto;
  height: 70vh;
  max-width: 80rem;
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-top: 4rem; 
 }

.slide{
 padding:0  15px 0 15px;
 position: absolute;
  width: 100%;
  height: 100%;
  background: lightblue;
  color: wheat;
  display: grid;
  place-items: center;
  transition: all 0.25s ease-in-out;
  text-align: center;
  margin-right: 5rem;
}

.flex{
    display: flex;
    
}
.buttonContainer{
    text-align: center;
    margin-top: 1rem;
}
   
.button{
 font-size: x-large;
 padding: 0.4rem;
 border: none;
 background-color: teal;
 border-radius: 0.35rem;
 color: aliceblue;
 cursor: pointer;
}